mirror of
https://github.com/processwire/processwire.git
synced 2025-08-11 09:14:58 +02:00
Use aria-current also in built in site profiles
This commit is contained in:
@@ -30,7 +30,7 @@ function renderNav(PageArray $items) {
|
|||||||
// render markup for each navigation item as an <li>
|
// render markup for each navigation item as an <li>
|
||||||
if($item->id == wire('page')->id) {
|
if($item->id == wire('page')->id) {
|
||||||
// if current item is the same as the page being viewed, add a "current" class to it
|
// if current item is the same as the page being viewed, add a "current" class to it
|
||||||
echo "<li class='current'>";
|
echo "<li class='current' aria-current='true'>";
|
||||||
} else {
|
} else {
|
||||||
// otherwise just a regular list item
|
// otherwise just a regular list item
|
||||||
echo "<li>";
|
echo "<li>";
|
||||||
@@ -76,7 +76,7 @@ function renderNavTree($items, $maxDepth = 3) {
|
|||||||
// if current item is the same as the page being viewed, add a "current" class and
|
// if current item is the same as the page being viewed, add a "current" class and
|
||||||
// visually hidden text for screen readers to it
|
// visually hidden text for screen readers to it
|
||||||
if($item->id == wire('page')->id) {
|
if($item->id == wire('page')->id) {
|
||||||
echo "<li class='current'><span class='visually-hidden'>Current page: </span>";
|
echo "<li class='current' aria-current='true'><span class='visually-hidden'>Current page: </span>";
|
||||||
} else {
|
} else {
|
||||||
echo "<li>";
|
echo "<li>";
|
||||||
}
|
}
|
||||||
|
@@ -25,7 +25,7 @@
|
|||||||
if($child->id == $page->rootParent->id) {
|
if($child->id == $page->rootParent->id) {
|
||||||
// this $child page is currently being viewed (or one of it's children/descendents)
|
// this $child page is currently being viewed (or one of it's children/descendents)
|
||||||
// so we highlight it as the current page in the navigation
|
// so we highlight it as the current page in the navigation
|
||||||
echo "<li class='current'><span class='visually-hidden'>Current page: </span><a href='$child->url'>$child->title</a></li>";
|
echo "<li class='current' aria-current='true'><span class='visually-hidden'>Current page: </span><a href='$child->url'>$child->title</a></li>";
|
||||||
} else {
|
} else {
|
||||||
echo "<li><a href='$child->url'>$child->title</a></li>";
|
echo "<li><a href='$child->url'>$child->title</a></li>";
|
||||||
}
|
}
|
||||||
|
@@ -64,9 +64,10 @@
|
|||||||
if ($child === $page->rootParent) {
|
if ($child === $page->rootParent) {
|
||||||
$class = " class='on'";
|
$class = " class='on'";
|
||||||
$indicator = "<span class='visually-hidden'>Current page: </span>";
|
$indicator = "<span class='visually-hidden'>Current page: </span>";
|
||||||
|
$ariaState = " aria-current='true' ";
|
||||||
}
|
}
|
||||||
$class = $child === $page->rootParent ? " class='on'" : '';
|
$class = $child === $page->rootParent ? " class='on'" : '';
|
||||||
echo "<li><a$class href='{$child->url}'>$indicator{$child->title}</a></li>";
|
echo "<li><a$class$ariaState href='{$child->url}'>$indicator{$child->title}</a></li>";
|
||||||
}
|
}
|
||||||
|
|
||||||
?></ul>
|
?></ul>
|
||||||
@@ -140,7 +141,8 @@
|
|||||||
|
|
||||||
foreach($page->rootParent->children as $child) {
|
foreach($page->rootParent->children as $child) {
|
||||||
$class = $page === $child ? " class='on'" : '';
|
$class = $page === $child ? " class='on'" : '';
|
||||||
echo "<li><a$class href='{$child->url}'>{$child->title}</a></li>";
|
$ariaState = $page === $child ? " aria-current='true' " : '';
|
||||||
|
echo "<li><a$class$ariaState href='{$child->url}'>{$child->title}</a></li>";
|
||||||
}
|
}
|
||||||
|
|
||||||
echo "</ul>";
|
echo "</ul>";
|
||||||
|
@@ -48,7 +48,7 @@
|
|||||||
// top navigation consists of homepage and its visible children
|
// top navigation consists of homepage and its visible children
|
||||||
foreach($homepage->and($homepage->children) as $item) {
|
foreach($homepage->and($homepage->children) as $item) {
|
||||||
if($item->id == $page->rootParent->id) {
|
if($item->id == $page->rootParent->id) {
|
||||||
echo "<li class='current'><span class='visually-hidden'>Current page: </span>";
|
echo "<li class='current' aria-current='true'><span class='visually-hidden'>Current page: </span>";
|
||||||
} else {
|
} else {
|
||||||
echo "<li>";
|
echo "<li>";
|
||||||
}
|
}
|
||||||
|
@@ -82,7 +82,7 @@
|
|||||||
// top navigation consists of homepage and its visible children
|
// top navigation consists of homepage and its visible children
|
||||||
foreach($homepage->and($homepage->children) as $item) {
|
foreach($homepage->and($homepage->children) as $item) {
|
||||||
if($item->id == $page->rootParent->id) {
|
if($item->id == $page->rootParent->id) {
|
||||||
echo "<li class='current'><span class='visually-hidden'>" . _x('Current page:', 'navigation') . " </span>";
|
echo "<li class='current' aria-current='true'><span class='visually-hidden'>" . _x('Current page:', 'navigation') . " </span>";
|
||||||
} else {
|
} else {
|
||||||
echo "<li>";
|
echo "<li>";
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user