Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 1 addition & 4 deletions techniques/aria/ARIA11.html
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ <h1>Using ARIA landmarks to identify regions of a page</h1>
<p>The purpose of this technique is to provide programmatic access to sections of a web page. Landmark roles (or "landmarks") programmatically identify sections of a page. Landmarks help assistive technology (AT) users orient themselves to a page and help them navigate easily to various sections of a page.</p>
<p>They also provide an easy way for users of assistive technology to skip over blocks of content that are repeated on multiple pages and notify them of programmatic structure of a page. For instance, if there is a common navigation menu found on every page, landmark roles (or "landmarks") can be used to skip over it and navigate from section to section. This will save assistive technology users and keyboard users the trouble and time of tabbing through a large amount of content to find what they are really after, much like a traditional "skip links" mechanism. (Refer to User Agent Notes above for specifics of AT support). A blind user who may be familiar with a news site's menu, and is only interested in getting to the top story could easily navigate to the "main" landmark, and bypass dozens of menu links. In another circumstance, a user who is blind may want to quickly find a navigation menu, and can do so by jumping to the navigation landmark.
</p>
<p>Landmarks also can help sighted keyboard-only users navigate to sections of a page using a <a href="https://www.tpgi.com/improving-access-to-landmark-navigation/">browser plugin</a>.
<p>Landmarks also can help sighted keyboard-only users navigate to sections of a page using a browser plugin.
</p>
<p>Landmarks are inserted into the page using the role attribute on an element that marks the section. The value of the attribute designates the type of landmark. These role values are listed below. For HTML mappings of landmark roles, refer to the <cite>Rules of ARIA attribute usage by HTML element</cite> table in the <a href="https://www.w3.org/TR/html-aria/">ARIA In HTML recommendation</a>.</p>
<ul>
Expand Down Expand Up @@ -145,9 +145,6 @@ <h2>Related Techniques</h2>
<li>
<a href="https://www.w3.org/TR/wai-aria/#landmark_roles">Accessible Rich Internet Applications (WAI-ARIA), Landmark Roles</a>
</li>
<li>
<a href="https://www.tpgi.com/improving-access-to-landmark-navigation/">Improving access to landmark navigation</a>
</li>
<li>
<a href="https://matatk.agrip.org.uk/landmarks/">Landmarks browser extension</a>
</li>
Expand Down
5 changes: 1 addition & 4 deletions techniques/css/C29.html
Original file line number Diff line number Diff line change
Expand Up @@ -372,10 +372,7 @@ <h3>Using cookies</h3>
<a href="http://www.quirksmode.org/js/cookies.html">JavaScript - Cookies</a>
</li>
<li>
<a href="http://webdesign.about.com/od/cookies/a/aa083198.htm">Write Your First HTTP Cookie</a>
</li>
<li>
<a href="http://www.w3schools.com/ASP/asp_cookies.asp">ASP Cookies</a>
<a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Guides/Cookies">Using HTTP Cookies</a>
</li>
<li>
<a href="http://ruby-doc.com/docs/ProgrammingRuby/">Programming Ruby</a>
Expand Down
4 changes: 2 additions & 2 deletions techniques/general/G134.html
Original file line number Diff line number Diff line change
Expand Up @@ -73,7 +73,7 @@ <h2>Resources</h2>
<li>
<a href="https://www.w3.org/QA/2002/04/valid-dtd-list.html">Recommended DTDs to use in your web document</a> by the W3C Quality Assurance Initiative is a list of commonly used declarations.</li>
<li>
<a href="http://www.chami.com/html-kit/faq/pages/validate_tools.html">How do I validate my code or check for possible errors?</a> describes the tools in the free editor HTML-Kit for checking HTML, <abbr title="Cascading Style Sheets">CSS</abbr> and XML.</li>
<a href="https://validator.w3.org/">W3C Markup Validation Service</a> is a free service that checks the validity of web documents.</li>
</ul>
<h3>Validating HTML</h3>
<ul>
Expand All @@ -91,7 +91,7 @@ <h3>Validating HTML</h3>
<a href="https://www.standards-schmandards.com/2005/massvalidate/">Validating an entire site</a> by Peter Kranz explains how you can install a modified version of the W3C Markup Validation Service that outputs validation results as XML on Mac OS. Source code (in Perl and Python) is available.
</li>
<li>
<a href="http://www.chami.com/html-kit/faq/pages/w3c_markup_validator.html">Can I use the W3C MarkUp Validation Service to validate HTML?</a> explains how you can validate HTML from within the free editor HTML-Kit.
<a href="https://validator.w3.org/docs/help.html">Help for The W3C Markup Validation Service</a> explains how to use the W3C validator.
</li>
<li>
<a href="https://validator.aborla.net/">HTML/XML Validator</a> is an online repair tool for HTML based on Tidy and PHP 5. It is available in several languages but it is not a real validator.
Expand Down
30 changes: 7 additions & 23 deletions techniques/general/G145.html
Original file line number Diff line number Diff line change
Expand Up @@ -149,28 +149,12 @@
<p class="note">Before May 2021 the value of 0.04045 in the definition was different (0.03928). It was taken from an older version of the specification and has been updated. It has no practical effect on the calculations in the context of these guidelines.</p>
</section><section id="related"><h2>Related Techniques</h2></section><section id="resources"><h2>Resources</h2>

<ul>
<li>
<a href="https://github.com/ThePacielloGroup/CCAe">TPGi Colour Contrast Analyser (CCA) – Application</a>
</li>
<li>
<a href="http://juicystudio.com/services/luminositycontrastratio.php">Contrast Ratio Analyser - online service</a>
</li>
<li>
<a href="https://web.archive.org/web/20160814160227/http://trace.wisc.edu/contrast-ratio-examples">Color Contrast Samples</a>
</li>
<li>
<a href="https://www.w3.org/Graphics/atypical-color-response">Atypical colour response</a>
</li>
<li>
<a href="http://www.colorsontheweb.com/colorcontrast.asp">Colors On the Web Color Contrast Analyzer</a>
</li>
<li>
<a href="http://www.vischeck.com/daltonize/runDaltonize.php">Tool to convert images based on color loss so that contrast is restored as luminance contrast when there was only color contrast (that was lost due to color deficiency)</a>
</li>
<li>
<a href="http://www.456bereastreet.com/archive/200709/10_colour_contrast_checking_tools_to_improve_the_accessibility_of_your_design/">List of color contrast tools</a>
</li>
</ul>
<ul>
<li><a href="https://github.com/ThePacielloGroup/CCAe">TPGi Colour Contrast Analyser (CCA) – Application</a></li>
<li><a href="http://juicystudio.com/services/luminositycontrastratio.php">Contrast Ratio Analyser - online service</a></li>
<li><a href="https://web.archive.org/web/20160814160227/http://trace.wisc.edu/contrast-ratio-examples">Color Contrast Samples (web.archive.org)</a></li>
<li><a href="https://www.w3.org/Graphics/atypical-color-response">Atypical colour response</a></li>
<li><a href="https://colorsontheweb.com/color-accessibility/contrast-checker/">Colors On the Web Color Contrast Analyzer</a></li>
</ul>

</section></body></html>
30 changes: 7 additions & 23 deletions techniques/general/G148.html
Original file line number Diff line number Diff line change
Expand Up @@ -36,28 +36,12 @@
<li><a href="../general/G156">G156</a></li>
</ul></section><section id="resources"><h2>Resources</h2>

<ul>
<li>
<a href="https://github.com/ThePacielloGroup/CCAe">TPGi Colour Contrast Analyser (CCA) – Application</a>
</li>
<li>
<a href="http://juicystudio.com/services/luminositycontrastratio.php">Contrast Ratio Analyser - online service</a>
</li>
<li>
<a href="https://web.archive.org/web/20160814160227/http://trace.wisc.edu/contrast-ratio-examples">Color Contrast Samples</a>
</li>
<li>
<a href="https://www.w3.org/Graphics/atypical-color-response">Atypical colour response</a>
</li>
<li>
<a href="http://www.colorsontheweb.com/colorcontrast.asp">Colors On the Web Color Contrast Analyzer</a>
</li>
<li>
<a href="http://www.vischeck.com/daltonize/runDaltonize.php">Tool to convert images based on color loss so that contrast is restored as luminance contrast when there was only color contrast (that was lost due to color deficiency)</a>
</li>
<li>
<a href="http://www.456bereastreet.com/archive/200709/10_colour_contrast_checking_tools_to_improve_the_accessibility_of_your_design/">List of color contrast tools</a>
</li>
</ul>
<ul>
<li><a href="https://github.com/ThePacielloGroup/CCAe">TPGi Colour Contrast Analyser (CCA) – Application</a></li>
<li><a href="http://juicystudio.com/services/luminositycontrastratio.php">Contrast Ratio Analyser - online service</a></li>
<li><a href="https://web.archive.org/web/20160814160227/http://trace.wisc.edu/contrast-ratio-examples">Color Contrast Samples (web.archive.org)</a></li>
<li><a href="https://www.w3.org/Graphics/atypical-color-response">Atypical colour response</a></li>
<li><a href="https://colorsontheweb.com/color-accessibility/contrast-checker/">Colors On the Web Color Contrast Analyzer</a></li>
</ul>

</section></body></html>
27 changes: 6 additions & 21 deletions techniques/general/G157.html
Original file line number Diff line number Diff line change
Expand Up @@ -28,30 +28,15 @@
</ul></section><section id="resources"><h2>Resources</h2>

<ul>
<li>
<a href="http://webaim.org/techniques/captions/realtime">Real-time Captioning</a>
</li>
<li>
<a href="http://www.captionedtext.com/">Captioned Text</a>
(provider for relay conference captioning)</li>
<li>
<a href="https://en.wikipedia.org/wiki/Communication_Access_Real-Time_Translation">Wikipedia entry for CART</a>
(variously Computer Assisted Real-time Captioning or Communication Access Real-time Translation)</li>
<li>
<a href="http://www.ncra.org/">Communication Access Information Center</a>
</li>
<li><a href="http://webaim.org/techniques/captions/realtime">Real-time Captioning</a></li>
<li><a href="http://www.captionedtext.com/">Captioned Text</a> (provider for relay conference captioning)</li>
<li><a href="https://en.wikipedia.org/wiki/Communication_Access_Real-Time_Translation">Wikipedia entry for CART</a> (variously Computer Assisted Real-time Captioning or Communication Access Real-time Translation)</li>
<li><a href="http://www.ncra.org/">Communication Access Information Center</a></li>
<li>
<p>Web conferencing products with integrated support for captioning viewport</p>
<ul>
<li>
<a href="http://www.adobe.com/products/adobeconnect/apps/closed-captioning.html">Adobe Connect</a>
</li>
<li>
<a href="http://captionfirst.com/">Caption First</a>
</li>
<li>
<a href="http://sovo-tech.com/">Sovo Closed Captioning and Audio Description Services </a>
</li>
<li><a href="http://www.adobe.com/products/adobeconnect/apps/closed-captioning.html">Adobe Connect</a></li>
<li><a href="http://captionfirst.com/">Caption First</a></li>
</ul>
</li>
</ul>
Expand Down
2 changes: 1 addition & 1 deletion techniques/general/G160.html
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@
<a href="http://www.actiononhearingloss.org.uk/">Royal National Institute for Deaf People (RNID)</a>
</li>
<li>
<a href="http://www.sign-lang.uni-hamburg.de/signingbooks/sbrc/grid/d71/guide12.htm">Techniques for filming sign language interpreters</a>
<a href="https://web.archive.org/web/20250305184500/http://www.sign-lang.uni-hamburg.de/signingbooks/sbrc/grid/d71/guide12.htm">Techniques for filming sign language interpreters (web.archive.org)</a>
</li>
<li>
<a href="https://www.researchgate.net/publication/221458250_Optimised_sign_language_video_coding_based_on_eye-tracking_analysis">Optimised sign language video coding based on eye tracking analysis</a>
Expand Down
30 changes: 7 additions & 23 deletions techniques/general/G17.html
Original file line number Diff line number Diff line change
Expand Up @@ -153,28 +153,12 @@
<li><a href="../general/G174">G174</a></li>
</ul></section><section id="resources"><h2>Resources</h2>

<ul>
<li>
<a href="https://github.com/ThePacielloGroup/CCAe">TPGi Colour Contrast Analyser (CCA) – Application</a>
</li>
<li>
<a href="http://juicystudio.com/services/luminositycontrastratio.php">Contrast Ratio Analyser - online service</a>
</li>
<li>
<a href="https://web.archive.org/web/20160814160227/http://trace.wisc.edu/contrast-ratio-examples">Color Contrast Samples</a>
</li>
<li>
<a href="https://www.w3.org/Graphics/atypical-color-response">Atypical colour response</a>
</li>
<li>
<a href="http://www.colorsontheweb.com/colorcontrast.asp">Colors On the Web Color Contrast Analyzer</a>
</li>
<li>
<a href="http://www.vischeck.com/daltonize/runDaltonize.php">Tool to convert images based on color loss so that contrast is restored as luminance contrast when there was only color contrast (that was lost due to color deficiency)</a>
</li>
<li>
<a href="http://www.456bereastreet.com/archive/200709/10_colour_contrast_checking_tools_to_improve_the_accessibility_of_your_design/">List of color contrast tools</a>
</li>
</ul>
<ul>
<li><a href="https://github.com/ThePacielloGroup/CCAe">TPGi Colour Contrast Analyser (CCA) – Application</a></li>
<li><a href="http://juicystudio.com/services/luminositycontrastratio.php">Contrast Ratio Analyser - online service</a></li>
<li><a href="https://web.archive.org/web/20160814160227/http://trace.wisc.edu/contrast-ratio-examples">Color Contrast Samples (web.archive.org)</a></li>
<li><a href="https://www.w3.org/Graphics/atypical-color-response">Atypical colour response</a></li>
<li><a href="https://colorsontheweb.com/color-accessibility/contrast-checker/">Colors On the Web Color Contrast Analyzer</a></li>
</ul>

</section></body></html>
30 changes: 7 additions & 23 deletions techniques/general/G18.html
Original file line number Diff line number Diff line change
Expand Up @@ -155,28 +155,12 @@
<p class="note">Before May 2021 the value of 0.04045 in the definition was different (0.03928). It was taken from an older version of the specification and has been updated. It has no practical effect on the calculations in the context of these guidelines.</p>
</section><section id="related"><h2>Related Techniques</h2></section><section id="resources"><h2>Resources</h2>

<ul>
<li>
<a href="https://github.com/ThePacielloGroup/CCAe">TPGi Colour Contrast Analyser (CCA) – Application</a>
</li>
<li>
<a href="http://juicystudio.com/services/luminositycontrastratio.php">Contrast Ratio Analyser - online service</a>
</li>
<li>
<a href="https://web.archive.org/web/20160814160227/http://trace.wisc.edu/contrast-ratio-examples">Color Contrast Samples</a>
</li>
<li>
<a href="https://www.w3.org/Graphics/atypical-color-response">Atypical colour response</a>
</li>
<li>
<a href="http://www.colorsontheweb.com/colorcontrast.asp">Colors On the Web Color Contrast Analyzer</a>
</li>
<li>
<a href="http://www.vischeck.com/daltonize/runDaltonize.php">Tool to convert images based on color loss so that contrast is restored as luminance contrast when there was only color contrast (that was lost due to color deficiency)</a>
</li>
<li>
<a href="http://www.456bereastreet.com/archive/200709/10_colour_contrast_checking_tools_to_improve_the_accessibility_of_your_design/">List of color contrast tools</a>
</li>
</ul>
<ul>
<li><a href="https://github.com/ThePacielloGroup/CCAe">TPGi Colour Contrast Analyser (CCA) – Application</a></li>
<li><a href="http://juicystudio.com/services/luminositycontrastratio.php">Contrast Ratio Analyser - online service</a></li>
<li><a href="https://web.archive.org/web/20160814160227/http://trace.wisc.edu/contrast-ratio-examples">Color Contrast Samples (web.archive.org)</a></li>
<li><a href="https://www.w3.org/Graphics/atypical-color-response">Atypical colour response</a></li>
<li><a href="https://colorsontheweb.com/color-accessibility/contrast-checker/">Colors On the Web Color Contrast Analyzer</a></li>
</ul>

</section></body></html>
10 changes: 5 additions & 5 deletions techniques/general/G54.html
Original file line number Diff line number Diff line change
Expand Up @@ -36,14 +36,14 @@
<p>Guidelines for the Production of Signing Books</p>
<ul>
<li>
<a href="http://www.sign-lang.uni-hamburg.de/signingbooks/deliver/d31/deliv_31_part3-2.html#3.2.2.6">"Sign Language presentation"</a>
gives a broad overview of issues to consider when filming sign language interpreters. Includes discussion of signing both written and spoken originals.</li>
<a href="https://web.archive.org/web/20250305184500/https://web.archive.org/web/20250305184500/http://www.sign-lang.uni-hamburg.de/signingbooks/deliver/d31/deliv_31_part3-2.html#3.2.2.6">"Sign Language presentation" (web.archive.org)</a>
gives a broad overview of issues to consider when filming sign language interpreters. Includes discussion of signing both written and spoken originals.</li>
<li>Techniques for filming are discussed in
<a href="http://www.sign-lang.uni-hamburg.de/signingbooks/sbrc/grid/d71/guide12.htm">chapter 12, “Filming the Signer(s)"</a>.</li>
<a href="https://web.archive.org/web/20250305184500/https://web.archive.org/web/20250305184500/http://www.sign-lang.uni-hamburg.de/signingbooks/sbrc/grid/d71/guide12.htm">chapter 12, “Filming the Signer(s)" (web.archive.org)</a>.</li>
<li>
<p>Useful information about how to display the sign language interpreter in relation to the original synchronized media content is provided in
<a href="http://www.sign-lang.uni-hamburg.de/signingbooks/sbrc/grid/d71/guide13.htm">Chapter 13, "Editing"</a>
</p>
<a href="https://web.archive.org/web/20250305184500/https://web.archive.org/web/20250305184500/http://www.sign-lang.uni-hamburg.de/signingbooks/sbrc/grid/d71/guide13.htm">Chapter 13, "Editing" (web.archive.org)</a>
</p>
<div class="note">
<p>These techniques may need to be adapted for Web-based presentation.</p>
</div>
Expand Down
2 changes: 1 addition & 1 deletion techniques/general/G56.html
Original file line number Diff line number Diff line change
Expand Up @@ -82,7 +82,7 @@ <h4>Visual example of the failure</h4>

<ul>
<li>
<a href="https://web.archive.org/web/20170716020055/http://www.eramp.com/david/audio_contrast_general_techs.htm">Audio creation / contrast tutorial</a>
<a href="https://web.archive.org/web/20170716020055/http://www.eramp.com/david/audio_contrast_general_techs.htm">Audio creation / contrast tutorial (web.archive.org)</a>
</li>
</ul>

Expand Down
Loading