Landmark Examples Assistive Technology page: Add information about sk…

…ipto scripts (pull #2053) Moves information about the SkipTo Landmarks & Headings scripts to the Assistive Technology page, since it is really an assistive technology.
w3c · Oct 17, 2021 · 744816a · 744816a
1 parent ee28eda
commit 744816a
Show file tree

Hide file tree

Showing 15 changed files with 36 additions and 23 deletions.
diff --git a/examples/landmarks/HTML5.html b/examples/landmarks/HTML5.html
@@ -141,7 +141,7 @@ <h2 id="id3">Related Documents</h2>
             W3C ARIA Authoring Practices Task Force
           </div>
           <div class="col-xs-12 col-sm-3 col-md-3 col-lg-2">
-            Copyright 2020
+            Copyright 2021
           </div>
         </footer>
       </div>

diff --git a/examples/landmarks/at.html b/examples/landmarks/at.html
@@ -53,9 +53,10 @@ <h1>Assistive Technology</h1>
               <li><a href="#nvda">NVDA Screen Reader for Windows</a></li>
               <li><a href="#vo">VoiceOver Screen Reader for macOS</a></li>
               <li><a href="#orca">ORCA Screen Reader for Linux/Gnome</a></li>
+              <li><a href="#skipto">SkipTo Landmarks &amp; Headings browser extension</a></li>
             </ul>
 
-            <section aria-labelledby="jaws">
+            <section>
               <h2 id="jaws">JAWS Screen Reader for Windows</h2>
               <p>The following commands are available in the JAWS screen reader (since version 15) for navigating landmarks:</p>
 
@@ -93,7 +94,7 @@ <h2 id="jaws">JAWS Screen Reader for Windows</h2>
 
             </section>
 
-            <section aria-labelledby="nvda">
+            <section>
             <h2 id="nvda">NVDA Screen Reader for Windows</h2>
                <p>The following commands are available in NVDA screen reader (since version 2014.2) for navigating landmarks:</p>
 
@@ -125,7 +126,7 @@ <h2 id="nvda">NVDA Screen Reader for Windows</h2>
                 <p><img src="images/landmarks-nvda.png" alt="Screen shot of list of landmarks in N V D A"></p>
             </section>
 
-            <section aria-labelledby="vo">
+            <section>
             <h2 id="vo">VoiceOver Screen Reader for macOS</h2>
                <p>The following commands are available in VoiceOver screen reader for navigating landmarks:</p>
               <table class="table table-striped table-hover" aria-labelledby="vo">
@@ -156,7 +157,7 @@ <h2 id="vo">VoiceOver Screen Reader for macOS</h2>
             <p><img src="images/landmarks-vo.png" alt="Screen shot of list of landmarks in voice over"></p>
             </section>
 
-            <section aria-labelledby="orca">
+            <section>
             <h2 id="orca">ORCA Screen Reader for Linux/GNOME</h2>
               <p>The following commands are available in ORCA Screen reader for navigating landmarks:</p>
 
@@ -188,6 +189,20 @@ <h2 id="orca">ORCA Screen Reader for Linux/GNOME</h2>
             <p><img src="images/landmarks-orca.png" alt="Screen shot of list of landmarks in orca"></p>
             </section>
 
+            <section>
+              <h2 id="skipto">SkipTo Landmarks &amp; Headings Browser Extension</h2>
+
+              <p>The SkipTo Landmarks & Headings browser extension implements the <a href="https://www.w3.org/TR/UAAG/">User Agent Accessibility Guidelines 1.0</a> requirement <q><a href="https://www.w3.org/TR/UAAG/guidelines.html#tech-nav-structure">9.9 Allow Structured Navigation</a></q>. It does this by providing keyboard navigation to landmarks and headings on any web page.  The keyboard shortcut to open the SkipTo menu is <kbd>alt+2</kbd> on Windows/Linux and <kbd>option+2</kbd> on Mac keyboards.</p>
+
+              <ul style="margin-top: 1em">
+                <li><a href="https://chrome.google.com/webstore/detail/skip-to-landmarks-and-hea/fjkpbfcodhflpdildjbmdhhmcoplghgf">Chrome Extension: Skip to Landmarks &amp; Headings</a></li>
+                <li><a href="https://addons.mozilla.org/en-US/firefox/addon/skipto/">Firefox Extension: Skip to Landmarks &amp; Headings</a></li>
+              </ul>
+
+             <p>Screen shot of list of landmarks and Headings</p>
+              <p><img src="images/landmarks-skipto.png" alt="Screen shot of list of landmarks and headings using SkipTo Landmarks &amp; Headings Browser Extension"></p>
+
+            </section>
 
           </main>
         </div>
@@ -226,7 +241,7 @@ <h2 id="id3">Related Documents</h2>
             W3C ARIA Authoring Practices Task Force
           </div>
           <div class="col-xs-12 col-sm-3 col-md-3 col-lg-2">
-            Copyright 2020
+            Copyright 2021
           </div>
         </footer>
       </div>

diff --git a/examples/landmarks/banner.html b/examples/landmarks/banner.html
@@ -135,7 +135,7 @@ <h2 id="id3">Related Documents</h2>
             W3C ARIA Authoring Practices Task Force
           </div>
           <div class="col-xs-12 col-sm-3 col-md-3 col-lg-2">
-            Copyright 2020
+            Copyright 2021
           </div>
         </footer>
       </div>

diff --git a/examples/landmarks/complementary.html b/examples/landmarks/complementary.html
@@ -197,7 +197,7 @@ <h2 id="id3">Related Documents</h2>
             W3C ARIA Authoring Practices Task Force
           </div>
           <div class="col-xs-12 col-sm-3 col-md-3 col-lg-2">
-            Copyright 2020
+            Copyright 2021
           </div>
         </footer>
       </div>

diff --git a/examples/landmarks/contentinfo.html b/examples/landmarks/contentinfo.html
@@ -140,7 +140,7 @@ <h2 id="id3">Related Documents</h2>
             W3C ARIA Authoring Practices Task Force
           </div>
           <div class="col-xs-12 col-sm-3 col-md-3 col-lg-2">
-            Copyright 2020
+            Copyright 2021
           </div>
         </footer>
       </div>

diff --git a/examples/landmarks/form.html b/examples/landmarks/form.html
@@ -294,7 +294,7 @@ <h2 id="id3">Related Documents</h2>
             W3C ARIA Authoring Practices Task Force
           </div>
           <div class="col-xs-12 col-sm-3 col-md-3 col-lg-2">
-            Copyright 2020
+            Copyright 2021
           </div>
         </footer>
       </div>

diff --git a/examples/landmarks/images/landmarks-skipto.png b/examples/landmarks/images/landmarks-skipto.png
diff --git a/examples/landmarks/index.html b/examples/landmarks/index.html
@@ -136,7 +136,7 @@ <h2 id="id3">Related Documents</h2>
             W3C ARIA Authoring Practices Task Force
           </div>
           <div class="col-xs-12 col-sm-3 col-md-3 col-lg-2">
-            Copyright 2020
+            Copyright 2021
           </div>
         </footer>
       </div>

diff --git a/examples/landmarks/js/skipto.min.js b/examples/landmarks/js/skipto.min.js
diff --git a/examples/landmarks/js/visua11y.js b/examples/landmarks/js/visua11y.js
@@ -1,6 +1,6 @@
 /*
  * Copyright 2011-2014 University of Illinois
- * Authors: Thomas Foltz and Jon Gunderson
+ * Authors: Nicholas Hoyt
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

diff --git a/examples/landmarks/main.html b/examples/landmarks/main.html
@@ -196,7 +196,7 @@ <h2 id="id3">Related Documents</h2>
             W3C ARIA Authoring Practices Task Force
           </div>
           <div class="col-xs-12 col-sm-3 col-md-3 col-lg-2">
-            Copyright 2020
+            Copyright 2021
           </div>
         </footer>
       </div>

diff --git a/examples/landmarks/navigation.html b/examples/landmarks/navigation.html
@@ -209,7 +209,7 @@ <h2 id="id3">Related Documents</h2>
             W3C ARIA Authoring Practices Task Force
           </div>
           <div class="col-xs-12 col-sm-3 col-md-3 col-lg-2">
-            Copyright 2020
+            Copyright 2021
           </div>
         </footer>
       </div>

diff --git a/examples/landmarks/region.html b/examples/landmarks/region.html
@@ -245,7 +245,7 @@ <h2 id="id3">Related Documents</h2>
             W3C ARIA Authoring Practices Task Force
           </div>
           <div class="col-xs-12 col-sm-3 col-md-3 col-lg-2">
-            Copyright 2020
+            Copyright 2021
           </div>
         </footer>
       </div>

diff --git a/examples/landmarks/resources.html b/examples/landmarks/resources.html
@@ -63,14 +63,12 @@ <h2>Read More</h2>
                           <h2>Tools</h2>
 
                           <ul>
-                            <li><a href="https://chrome.google.com/webstore/detail/skip-to-landmarks-and-hea/fjkpbfcodhflpdildjbmdhhmcoplghgf">Chrome Extension: Skip to Landmarks and Headings</a></li>
-                            <li><a href="https://addons.mozilla.org/en-US/firefox/addon/skipto/">Firefox Extension: Skip to Landmarks and Headings</a></li>
                             <li><a href="http://matatk.agrip.org.uk/landmarks/">Landmarks Browser Extension</a></li>
                             <li><a href="http://accessibility-bookmarklets.org/">Accessibility Bookmarklets: Landmark Bookmarklet</a></li>
                             <li><a href="http://whatsock.com/training/matrices/visual-aria.htm">The Visual ARIA Bookmarklet</a></li>
-                            <li><a href="https://github.com/paypal/skipto#readme">SkipTo, version 4.x</a> (PayPal/Illinois)</li>
+                            <li><a href="https://github.com/paypal/skipto#readme">SkipTo, version 4.1</a> (PayPal/Illinois)</li>
                             <li><a href="https://addons.mozilla.org/en-US/firefox/addon/ainspector-wcag/">AInspector WCAG for Firefox</a> (Landmark Rule Category)</li>
-                            <li><a href="https://fae.disability.illinois.edu/">Functional Accessibility Evaluator 2.1</a> (Landmark Rule Category)</li>
+                            <li><a href="https://fae.disability.illinois.edu/">Functional Accessibility Evaluator 2.2</a> (Landmark Rule Category)</li>
                           </ul>
 
                         </section>
@@ -116,7 +114,7 @@ <h2 id="id3">Related Documents</h2>
                     W3C ARIA Authoring Practices Task Force
                   </div>
                   <div class="col-xs-12 col-sm-3 col-md-3 col-lg-2">
-                    Copyright 2020
+                    Copyright 2021
                   </div>
               </footer>
             </div>

diff --git a/examples/landmarks/search.html b/examples/landmarks/search.html
@@ -128,7 +128,7 @@ <h2 id="id3">Related Documents</h2>
             W3C ARIA Authoring Practices Task Force
           </div>
           <div class="col-xs-12 col-sm-3 col-md-3 col-lg-2">
-            Copyright 2020
+            Copyright 2021
           </div>
         </footer>
       </div>