Accessibility improvements

Author: philwareham

src/templates/forms/misc/body_crumbs.txp

@@ -6,7 +6,7 @@
         </li>
         <txp:if_search>
             <li class="current" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
-                <b itemprop="name">Search results</b>
+                <b itemprop="name" aria-current="location">Search results</b>
                 <meta itemprop="item" content="<txp:site_url />?q=">
                 <meta itemprop="position" content="2">
             </li>
@@ -17,14 +17,14 @@
                     <meta itemprop="position" content="2">
                 </li>
                 <li class="current" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
-                    <b itemprop="name">Category: <txp:category title /></b>
+                    <b itemprop="name" aria-current="location">Category: <txp:category title /></b>
                     <meta itemprop="item" content="<txp:site_url />category/<txp:category />/">
                     <meta itemprop="position" content="3">
                 </li>
             <txp:else />
                 <txp:if_article_list>
                     <li class="current" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
-                        <b itemprop="name"><txp:section title /></b>
+                        <b itemprop="name" aria-current="location"><txp:section title /></b>
                         <meta itemprop="item" content="<txp:section url />">
                         <meta itemprop="position" content="2">
                     </li>
@@ -34,7 +34,7 @@
                         <meta itemprop="position" content="2">
                     </li>
                     <li class="current" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
-                        <b itemprop="name"><txp:title /></b>
+                        <b itemprop="name" aria-current="location"><txp:title /></b>
                         <meta itemprop="item" content="<txp:permlink />">
                         <meta itemprop="position" content="3">
                     </li>

src/templates/forms/misc/body_header.txp

@@ -23,13 +23,13 @@
         <a id="site-navigation-toggle" href="#" role="button" aria-controls="site-navigation">Menu</a>
         <nav id="site-navigation" aria-label="Site navigation" itemscope itemtype="https://schema.org/SiteNavigationElement">
             <ul>
-                <li<txp:if_section name="start"> class="active"</txp:if_section>><a itemprop="url" href="<txp:site_url />start/">Get started</a></li>
+                <li<txp:if_section name="start"> class="active"</txp:if_section>><a itemprop="url" href="<txp:site_url />start/">Get started</a><txp:if_section name="weblog"> <span class="accessibility">(current section)</span></txp:if_section></li>
                 <li><a itemprop="url" href="https://docs.textpattern.com/">Documentation</a></li>
                 <li><a itemprop="url" href="<txp:site_url />themes">Themes</a></li>
                 <li><a itemprop="url" href="https://textpattern.org/">Plugins</a></li>
                 <li><a itemprop="url" href="https://forum.textpattern.com/">Forum</a></li>
-                <li<txp:if_section name="weblog"> class="active"</txp:if_section>><a itemprop="url" href="<txp:site_url />weblog/">Blog</a></li>
-                <li<txp:if_section name="about"> class="active"</txp:if_section>><a itemprop="url" href="<txp:site_url />about/">About</a></li>
+                <li<txp:if_section name="weblog"> class="active"</txp:if_section>><a itemprop="url" href="<txp:site_url />weblog/">Blog</a><txp:if_section name="weblog"> <span class="accessibility">(current section)</span></txp:if_section></li>
+                <li<txp:if_section name="about"> class="active"</txp:if_section>><a itemprop="url" href="<txp:site_url />about/">About</a><txp:if_section name="weblog"> <span class="accessibility">(current section)</span></txp:if_section></li>
             </ul>
         </nav>
     </div>

src/templates/pages/blog.txp

@@ -127,7 +127,7 @@
                                 <txp:etc_pagination range="3"
                                     prev='<a rel="prev" href="{href}" title="Go to previous page" aria-label="Go to previous page">Previous</a>'
                                     next='<a rel="next" href="{href}" title="Go to next page" aria-label="Go to next page">Next</a>'
-                                    link='<li><a href="{href}" title="Go to page {*}" aria-label="Go to page {*}">{*}</a></li>,<li class="current"><b title="Current page" aria-label="Current page">{*}</b></li>'
+                                    link='<li><a href="{href}" title="Go to page {*}" aria-label="Go to page {*}">{*}</a></li>,<li class="current"><b title="Current page" aria-current="page">{*}</b></li>'
                                     gap='<li role="separator" title="More pages" aria-label="More pages">…</li>'
                                     mask='{prev}<ul class="pagination">{first}{<+}{links}{+>}{last}</ul>{next}' />
                             </nav>

src/templates/pages/default.txp

@@ -277,7 +277,7 @@ foreach ($json->topic as $topic) {
                             <txp:etc_pagination range="3"
                                 prev='<a rel="prev" href="{href}" title="Go to previous page" aria-label="Go to previous page">Previous</a>'
                                 next='<a rel="next" href="{href}" title="Go to next page" aria-label="Go to next page">Next</a>'
-                                link='<li><a href="{href}" title="Go to page {*}" aria-label="Go to page {*}">{*}</a></li>,<li class="current"><b title="Current page" aria-label="Current page">{*}</b></li>'
+                                link='<li><a href="{href}" title="Go to page {*}" aria-label="Go to page {*}">{*}</a></li>,<li class="current"><b title="Current page" aria-current="page">{*}</b></li>'
                                 gap='<li role="separator" title="More pages" aria-label="More pages">…</li>'
                                 mask='{prev}<ul class="pagination">{first}{<+}{links}{+>}{last}</ul>{next}' />
                         </nav>
@@ -317,7 +317,7 @@ foreach ($json->topic as $topic) {
                             <txp:etc_pagination range="3"
                                 prev='<a rel="prev" href="{href}" title="Go to previous page" aria-label="Go to previous page">Previous</a>'
                                 next='<a rel="next" href="{href}" title="Go to next page" aria-label="Go to next page">Next</a>'
-                                link='<li><a href="{href}" title="Go to page {*}" aria-label="Go to page {*}">{*}</a></li>,<li class="current"><b title="Current page" aria-label="Current page">{*}</b></li>'
+                                link='<li><a href="{href}" title="Go to page {*}" aria-label="Go to page {*}">{*}</a></li>,<li class="current"><b title="Current page" aria-current="page">{*}</b></li>'
                                 gap='<li role="separator" title="More pages" aria-label="More pages">…</li>'
                                 mask='{prev}<ul class="pagination">{first}{<+}{links}{+>}{last}</ul>{next}' />
                         </nav>