1
0
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:
mhe
2016-11-27 17:10:22 +01:00
parent 7038b787f0
commit 016290192f
5 changed files with 9 additions and 7 deletions

View File

@@ -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>";
} }

View File

@@ -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>";
} }

View File

@@ -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>";

View File

@@ -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>";
} }

View File

@@ -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>";
} }