Accessibility improvements

Author: philwareham

dist/classic/classic.php

@@ -66,7 +66,7 @@ function header()
                             n.'<ul>';
 
                         foreach ($tab['items'] as $item) {
-                            $tc = ($item['active']) ? ' class="active"' : '';
+                            $tc = ($item['active']) ? ' class="active" aria-current="page"' : '';
                             $secondary .= n.'<li'.$tc.'>'.
                                 href($item['label'], array('event' => $item['event'])).
                                 '</li>';

mockups/admin-languages.html

@@ -115,7 +115,7 @@ <h1 class="txp-heading">Languages&#160;<a class="pophelp" rel="help" target="_bl
                     <li class="txp-grid-cell txp-grid-cell-2span success">
                         <form>
                             <p>
-                                <span class="ui-icon ui-icon-check"></span> <strong>English</strong><br>
+                                <span class="ui-icon ui-icon-check" role="status">Installed</span> <strong>English</strong><br>
                                 <code>en</code>
                             </p>
                             <p>
@@ -126,19 +126,19 @@ <h1 class="txp-heading">Languages&#160;<a class="pophelp" rel="help" target="_bl
                     <li class="txp-grid-cell txp-grid-cell-2span success">
                         <form>
                             <p>
-                                <span class="ui-icon ui-icon-check"></span> <strong>English (British)</strong><br>
+                                <span class="ui-icon ui-icon-check" role="status">Installed</span> <strong>English (British)</strong><br>
                                 <code>en-gb</code>
                             </p>
                             <p>
                                 <button type="submit" name="lang_update" disabled><span class="ui-icon ui-icon-refresh"></span> Update</button>
-                                <button type="submit" name="lang_remove"><span class="ui-icon ui-icon-minus"></span> Remove</button>
+                                <button type="submit" name="lang_remove" ><span class="ui-icon ui-icon-minus"></span> Remove</button>
                             </p>
                         </form>
                     </li>
                     <li class="txp-grid-cell txp-grid-cell-2span warning">
                         <form>
                             <p>
-                                <span class="ui-icon ui-icon-alert"></span> <strong>Français</strong><br>
+                                <span class="ui-icon ui-icon-alert" role="status">Installed <span role="separator">/</span> Update available</span> <strong>Français</strong><br>
                                 <code>fr</code>
                             </p>
                             <p>

mockups/content-list-rtl.html

@@ -67,7 +67,7 @@ <h2 class="txp-accessibility">My site</h2>
             <div class="nav-tabs" id="nav-secondary">
                 <ul>
                     <li><a href="content-article-rtl.html">Write</a></li>
-                    <li class="active"><a href="content-list-rtl.html">Articles</a></li>
+                    <li class="active"><a href="content-list-rtl.html" aria-current="page">Articles</a></li>
                     <li><a href="content-image.html">Images</a></li>
                     <li><a href="content-file.html">Files</a></li>
                     <li><a href="content-link.html">Links</a></li>
@@ -527,7 +527,7 @@ <h1 class="txp-heading">Articles</h1>
                         <a class="navlink-active" title="View 12 per page" aria-pressed="true" role="button" href="#">12</a><a class="navlink" title="View 24 per page" aria-pressed="false" role="button" href="#">24</a><a class="navlink" title="View 48 per page" aria-pressed="false" role="button" href="#">48</a><a class="navlink" title="View 96 per page" aria-pressed="false" role="button" href="#">96</a>
                     </div>
 
-                    <nav class="prev-next">
+                    <nav class="prev-next" aria-label="Page navigation">
                         <span class="disabled" aria-disabled="true" aria-label="Previous"><span class="ui-icon ui-icon-arrowthick-1-w">Previous</span></span>
                         <form method="get" action="index.php">
                             <label for="current-page">Page</label>

mockups/content-list.html

@@ -67,7 +67,7 @@ <h2 class="txp-accessibility">My site</h2>
             <div class="nav-tabs" id="nav-secondary">
                 <ul>
                     <li><a href="content-article.html">Write</a></li>
-                    <li class="active"><a href="content-list.html">Articles</a></li>
+                    <li class="active"><a href="content-list.html" aria-current="page">Articles</a></li>
                     <li><a href="content-image.html">Images</a></li>
                     <li><a href="content-file.html">Files</a></li>
                     <li><a href="content-link.html">Links</a></li>
@@ -526,7 +526,7 @@ <h1 class="txp-heading">Articles</h1>
                         <a class="navlink-active" title="View 12 per page" aria-pressed="true" role="button" href="#">12</a><a class="navlink" title="View 24 per page" aria-pressed="false" role="button" href="#">24</a><a class="navlink" title="View 48 per page" aria-pressed="false" role="button" href="#">48</a><a class="navlink" title="View 96 per page" aria-pressed="false" role="button" href="#">96</a>
                     </div>
 
-                    <nav class="prev-next">
+                    <nav class="prev-next" aria-label="Page navigation">
                         <span class="disabled" aria-disabled="true" aria-label="Previous"><span class="ui-icon ui-icon-arrowthick-1-w">Previous</span></span>
                         <form method="get" action="index.php">
                             <label for="current-page">Page</label>

src/classic/classic.php

@@ -66,7 +66,7 @@ function header()
                             n.'<ul>';
 
                         foreach ($tab['items'] as $item) {
-                            $tc = ($item['active']) ? ' class="active"' : '';
+                            $tc = ($item['active']) ? ' class="active" aria-current="page"' : '';
                             $secondary .= n.'<li'.$tc.'>'.
                                 href($item['label'], array('event' => $item['event'])).
                                 '</li>';