Skip to content

Instantly share code, notes, and snippets.

@PhilippeVay
Last active December 23, 2017 13:01
Show Gist options
  • Save PhilippeVay/6deef518517d6ee74c5bc3a2d8e04458 to your computer and use it in GitHub Desktop.
Save PhilippeVay/6deef518517d6ee74c5bc3a2d8e04458 to your computer and use it in GitHub Desktop.
List of Techniques for WCAG 2.0 - old layout
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Techniques for WCAG 2.0 (and only them)</title>
<style>
body {
margin: 0;
padding-bottom: 2em;
font-family: sans-serif;
line-height: 1.5;
background-color: white;
}
.header {
flex: 1 0 auto;
padding: 0.5em 1em 0 1em;
}
.header p {
margin: 0;
font-weight: bold;
}
li {
list-style-type: none;
}
li li:first-child {
margin-top: 0.25em;
}
/* anchors to categories */
nav ul {
padding-left: 0;
}
nav li {
display: inline-block;
margin-bottom: 0.4em;
}
nav a {
display: inline-block;
padding: 0.4em 0.8em;
white-space: nowrap;
text-decoration: none;
color: white;
background-color: darkslateblue;
border-radius: 4px;
}
nav a:focus,
nav a:active,
nav a:hover {
background-color: #3f3579; /* darken 5% */
}
h1,
.toc {
padding-left: 1rem;
}
/* Headings and lists of Techniques */
/* type */
.toc > li {
position: relative;
font-size: 1.5em;
font-weight: bold;
}
.toc > li > a,
.toc > li > ul {
font-size: 1rem;
font-weight: normal;
}
/* vertical spacing */
.toc > li:not(:first-child) {
margin-top: 2rem;
}
.toc > li > ul {
margin-top: 0.5em;
padding-left: 1em;
}
/* "corner" bottom left */
.toc > li > ul:before {
content: '';
position: absolute;
bottom: -0.75em;
left: 0;
display: block;
height: 3em;
border-left: 1px solid #888;
}
.toc > li> ul:after {
content: '';
position: absolute;
bottom: -0.75em;
left: 0;
display: block;
width: 3em;
border-top: 1px solid #888;
}
/* links */
.toc a {
display: inline-block;
padding: 0.25em 0.5em;
text-decoration: none;
color: #00c;
}
.toc a:focus,
.toc a:active,
.toc a:hover {
background-color: #ffa;
}
.toc a:active {
color: #c00;
outline: 1px dotted #c00;
}
@media (max-width: 767px) {
body {
display: flex;
flex-direction: column;
}
main {
display: contents;
}
h1 {
order: -1;
margin: 0.333em 0 0 0;
}
.toc {
margin-top: 0;
}
.toc ul {
padding-left: 0.5em;
}
.toc > li > a {
padding-left: 0;
}
}
@media (min-width: 768px) {
body {
position: fixed;
display: flex;
/* background-color: pink; */
}
.header {
display: flex;
flex-direction: column;
align-items: baseline;
max-height: 100vh;
overflow-y: auto;
padding-right: 2em;
background-color: #D3CFEB;/*rgb(237, 236, 243)*/
}
main {
max-height: 100vh;
overflow-y: auto;
flex: 0 1 auto;
}
nav ul {
display: flex;
flex-direction: column;
align-items: flex-start;
}
nav a {
display: block;
}
nav li {
text-align: center;
}
h1,
.toc {
padding-left: 2rem;
}
}
</style>
</head>
<body>
<!-- <nav>
<ul>
<li>
<a href="#general">General Techniques</a>
</li>
<li>
<a href="#html">HTML and XHTML Techniques</a>
</li>
<li>
<a href="#css">CSS Techniques</a>
</li>
<li>
<a href="#js">Client-side Scripting Techniques</a>
</li>
<li>
<a href="#server">Server-side Scripting Techniques</a>
</li>
<li>
<a href="#smil">SMIL Techniques</a>
</li>
<li>
<a href="#text">Plain Text Techniques</a>
</li>
<li>
<a href="#aria">ARIA Techniques</a>
</li>
<li>
<a href="#flash">Flash Techniques</a>
</li>
<li>
<a href="#silverlight">Silverlight Techniques</a>
</li>
<li>
<a href="#pdf">PDF Techniques</a>
</li>
<li>
<a href="#failure">Common Failures</a>
</li>
</ul>
</nav>
-->
<header class="header">
<p class="quick">Jump to:</p>
<nav>
<ul>
<li>
<a href="#general">General</a>
</li>
<li>
<a href="#html">HTML</a>
</li>
<li>
<a href="#css">CSS</a>
</li>
<li>
<a href="#js">JavaScript</a>
</li>
<li>
<a href="#server">Server-side</a>
</li>
<li>
<a href="#smil">SMIL</a>
</li>
<li>
<a href="#text">Text</a>
</li>
<li>
<a href="#aria">ARIA</a>
</li>
<li>
<a href="#flash">Flash</a>
</li>
<li>
<a href="#silverlight">Silverlight</a>
</li>
<li>
<a href="#pdf">PDF</a>
</li>
<li>
<a href="#failure">Failures</a>
</li>
</ul>
</nav>
</header>
<main>
<h1>Techniques for WCAG 2.0 (and only them)</h1>
<ul class="toc">
<!--<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/#abstract">Abstract </a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/#status">Status of This Document </a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/intro.html">Introduction to Techniques for WCAG 2.0</a>
</li>-->
<li id="general">
General Techniques
<a href="https://www.w3.org/TR/WCAG20-TECHS/general.html"> (all General Techniques on one page)</a>
<ul>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G1.html">G1: Adding a link at the top of each page that goes directly to the main content area</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G4.html">G4: Allowing the content to be paused and restarted from where it was paused</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G5.html">G5: Allowing users to complete an activity without any time limit</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G8.html">G8: Providing a movie with extended audio descriptions</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G9.html">G9: Creating captions for live synchronized media</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G10.html">G10: Creating components using a technology that supports the accessibility
API features of the platforms on which the user agents will be run to expose the
names and roles, allow user-settable properties to be directly set, and provide
notification of changes</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G11.html">G11: Creating content that blinks for less than 5 seconds</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G13.html">G13: Describing what will happen before a change to a form control that causes a change of context to occur is made</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G14.html">G14: Ensuring that information conveyed by color differences is also available in text</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G15.html">G15: Using a tool to ensure that content does not violate the general flash threshold or red flash threshold</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G17.html">G17: Ensuring that a contrast ratio of at least 7:1 exists between text (and images of text)
and background behind the text</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G18.html">G18: Ensuring that a contrast ratio of at least 4.5:1 exists between text (and images of text)
and background behind the text</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G19.html">G19: Ensuring that no component of the content flashes more than three times in any 1-second period</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G21.html">G21: Ensuring that users are not trapped in content</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G53.html">G53: Identifying the purpose of a link using link text combined with the text of the enclosing sentence</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G54.html">G54: Including a sign language interpreter in the video stream</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G55.html">G55: Linking to definitions</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G56.html">G56: Mixing audio files so that non-speech sounds are at least 20 decibels
lower than the speech audio content</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G57.html">G57: Ordering the content in a meaningful sequence</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G58.html">G58: Placing a link to the alternative for time-based media immediately next to the non-text content</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G59.html">G59: Placing the interactive elements in an order that follows sequences and relationships within the content</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G60.html">G60: Playing a sound that turns off automatically within three seconds</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G61.html">G61: Presenting repeated components in the same relative order each time they
appear</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G62.html">G62: Providing a glossary</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G63.html">G63: Providing a site map</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G64.html">G64: Providing a Table of Contents</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G65.html">G65: Providing a breadcrumb trail</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G68.html">G68: Providing a short text alternative that describes the purpose of live
audio-only and live video-only content</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G69.html">G69: Providing an alternative for time based media</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G70.html">G70: Providing a function to search an online dictionary</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G71.html">G71: Providing a help link on every Web page</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G73.html">G73: Providing a long description in another location with a link to it that
is immediately adjacent to the non-text content</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G74.html">G74: Providing a long description in text near the non-text content, with a
reference to the location of the long description in the short description</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G75.html">G75: Providing a mechanism to postpone any updating of content</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G76.html">G76: Providing a mechanism to request an update of the content instead of
updating automatically</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G78.html">G78: Providing a second, user-selectable, audio track that includes audio descriptions</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G79.html">G79: Providing a spoken version of the text</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G80.html">G80: Providing a submit button to initiate a change of context</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G81.html">G81: Providing a synchronized video of the sign language interpreter that can
be displayed in a different viewport or overlaid on the image by the player</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G82.html">G82: Providing a text alternative that identifies the purpose of the non-text content</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G83.html">G83: Providing text descriptions to identify required fields that were not completed</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G84.html">G84: Providing a text description when the user provides information that is not in the list of allowed values</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G85.html">G85: Providing a text description when user input falls outside the required format or values</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G86.html">G86: Providing a text summary that can be understood by people with lower secondary education level reading ability</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G87.html">G87: Providing closed captions</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G88.html">G88: Providing descriptive titles for Web pages</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G89.html">G89: Providing expected data format and example</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G90.html">G90: Providing keyboard-triggered event handlers</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G91.html">G91: Providing link text that describes the purpose of a link</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G92.html">G92: Providing long description for non-text content that serves the same
purpose and presents the same information</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G93.html">G93: Providing open (always visible) captions</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G94.html">G94: Providing short text alternative for non-text content that serves the same purpose and presents the same information as the non-text content</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G95.html">G95: Providing short text alternatives that provide a brief description of
the non-text content</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G96.html">G96: Providing textual identification of items that otherwise rely only on sensory information to be understood</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G97.html">G97: Providing the first use of an abbreviation immediately before or after the expanded form</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G98.html">G98: Providing the ability for the user to review and correct answers before submitting</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G99.html">G99: Providing the ability to recover deleted information</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G100.html">G100: Providing a short text alternative which is the accepted name or a descriptive name of the non-text content</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G101.html">G101: Providing the definition of a word or phrase used in an unusual or restricted way</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G102.html">G102: Providing the expansion or explanation of an abbreviation</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G103.html">G103: Providing visual illustrations, pictures, and symbols to help explain ideas, events, and processes</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G105.html">G105: Saving data so that it can be used after a user re-authenticates</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G107.html">G107: Using "activate" rather than "focus" as a trigger for changes of context</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G108.html">G108: Using markup features to expose the name and role, allow user-settable properties to be directly set, and provide notification of changes</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G110.html">G110: Using an instant client-side redirect</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G111.html">G111: Using color and pattern</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G112.html">G112: Using inline definitions</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G115.html">G115: Using semantic elements to mark up structure</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G117.html">G117: Using text to convey information that is conveyed by variations in presentation of text</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G120.html">G120: Providing the pronunciation immediately following the word</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G121.html">G121: Linking to pronunciations</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G123.html">G123: Adding a link at the beginning of a block of repeated content to go to the end of the block</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G124.html">G124: Adding links at the top of the page to each area of the content</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G125.html">G125: Providing links to navigate to related Web pages</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G126.html">G126: Providing a list of links to all other Web pages</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G127.html">G127: Identifying a Web page's relationship to a larger collection of Web pages</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G128.html">G128: Indicating current location within navigation bars</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G130.html">G130: Providing descriptive headings</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G131.html">G131: Providing descriptive labels</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G133.html">G133: Providing a checkbox on the first page of a multipart form that allows users to ask for longer session time limit or no session time limit</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G134.html">G134: Validating Web pages</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G135.html">G135: Using the accessibility API features of a technology to expose names and
roles, to allow user-settable properties to be directly set, and to provide
notification of changes</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G136.html">G136: Providing a link at the beginning of a nonconforming Web page that points to a conforming alternate version</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G138.html">G138: Using semantic markup whenever color cues are used</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G139.html">G139: Creating a mechanism that allows users to jump to errors</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G140.html">G140: Separating information and structure from presentation to enable different presentations</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G141.html">G141: Organizing a page using headings</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G142.html">G142: Using a technology that has commonly-available user agents that support zoom</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G143.html">G143: Providing a text alternative that describes the purpose of the CAPTCHA</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G144.html">G144: Ensuring that the Web Page contains another CAPTCHA serving the same purpose using a different modality</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G145.html">G145: Ensuring that a contrast ratio of at least 3:1 exists between text (and images of text)
and background behind the text</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G146.html">G146: Using liquid layout</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G148.html">G148: Not specifying background color, not specifying text color, and not using technology features that change those defaults</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G149.html">G149: Using user interface components that are highlighted by the user agent when they receive focus</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G150.html">G150: Providing text based alternatives for live audio-only content</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G151.html">G151: Providing a link to a text transcript of a prepared statement or script if the script is followed</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G152.html">G152: Setting animated gif images to stop blinking after n cycles (within 5 seconds)</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G153.html">G153: Making the text easier to read</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G155.html">G155: Providing a checkbox in addition to a submit button</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G156.html">G156: Using a technology that has commonly-available user agents that can change the foreground and background of blocks of text</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G157.html">G157: Incorporating a live audio captioning service into a Web page</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G158.html">G158: Providing an alternative for time-based media for audio-only content</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G159.html">G159: Providing an alternative for time-based media for video-only content</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G160.html">G160: Providing sign language versions of information, ideas, and processes that must be understood in order to use the content</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G161.html">G161: Providing a search function to help users find content</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G162.html">G162: Positioning labels to maximize predictability of relationships</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G163.html">G163: Using standard diacritical marks that can be turned off</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G164.html">G164: Providing a stated time within which an online request (or transaction) may be amended or canceled by the user after making the request</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G165.html">G165: Using the default focus indicator for the platform so that high visibility default focus indicators will carry over</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G166.html">G166: Providing audio that describes the important video content and describing it as such</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G167.html">G167: Using an adjacent button to label the purpose of a field</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G168.html">G168: Requesting confirmation to continue with selected action</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G169.html">G169: Aligning text on only one side</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G170.html">G170: Providing a control near the beginning of the Web page that turns off sounds that play automatically</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G171.html">G171: Playing sounds only on user request</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G172.html">G172: Providing a mechanism to remove full justification of text</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G173.html">G173: Providing a version of a movie with audio descriptions</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G174.html">G174: Providing a control with a sufficient contrast ratio that allows users to switch to a presentation that uses sufficient contrast</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G175.html">G175: Providing a multi color selection tool on the page for foreground and background colors</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G176.html">G176: Keeping the flashing area small enough</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G177.html">G177: Providing suggested correction text</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G178.html">G178: Providing controls on the Web page that allow users to incrementally change the size of all text on the page up to 200 percent</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G179.html">G179: Ensuring that there is no loss of content or functionality when the text resizes and text containers do not change their width</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G180.html">G180: Providing the user with a means to set the time limit to 10 times the default time limit</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G181.html">G181: Encoding user data as hidden or encrypted data in a re-authorization page</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G182.html">G182: Ensuring that additional visual cues are available when text color differences are used to convey information</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G183.html">G183: Using a contrast ratio of 3:1 with surrounding text and providing additional visual cues on focus for links or controls where color alone is used to identify them</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G184.html">G184: Providing text instructions at the beginning of a form or set of fields that describes the necessary input</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G185.html">G185: Linking to all of the pages on the site from the home page</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G186.html">G186: Using a control in the Web page that stops moving, blinking, or auto-updating content</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G187.html">G187: Using a technology to include blinking content that can be turned off via the user agent</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G188.html">G188: Providing a button on the page to increase line spaces and paragraph spaces</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G189.html">G189: Providing a control near the beginning of the Web page that changes the link text</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G190.html">G190: Providing a link adjacent to or associated with a non-conforming object that links to a conforming alternate version</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G191.html">G191: Providing a link, button, or other mechanism that reloads the page without any blinking content</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G192.html">G192: Fully conforming to specifications</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G193.html">G193: Providing help by an assistant in the Web page</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G194.html">G194: Providing spell checking and suggestions for text input</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G195.html">G195: Using an author-supplied, highly visible focus indicator</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G196.html">G196: Using a text alternative on one item within a group of images that describes all items in the group</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G197.html">G197: Using labels, names, and text alternatives consistently for content that has the same functionality</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G198.html">G198: Providing a way for the user to turn the time limit off</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G199.html">G199: Providing success feedback when data is submitted successfully</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G200.html">G200: Opening new windows and tabs from a link only when necessary</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G201.html">G201: Giving users advanced warning when opening a new window</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G202.html">G202: Ensuring keyboard control for all functionality</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G203.html">G203: Using a static text alternative to describe a talking head video</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G204.html">G204: Not interfering with the user agent's reflow of text as the viewing window is narrowed</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G205.html">G205: Including a text cue for colored form control labels</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/G206.html">G206: Providing options within the content to switch to a layout that does not require the user to scroll horizontally to read a line of text</a>
</li>
</ul>
</li>
<li id="html">
HTML and XHTML Techniques
<a href="https://www.w3.org/TR/WCAG20-TECHS/html.html"> (all HTML and XHTML Techniques on one page)</a>
<ul>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H2.html">H2: Combining adjacent image and text links for the same resource</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H4.html">H4: Creating a logical tab order through links, form controls, and objects</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H24.html">H24: Providing text alternatives for the area elements of image maps </a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H25.html">H25: Providing a title using the title element</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H28.html">H28: Providing definitions for abbreviations by using the abbr element</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H30.html">H30: Providing link text that describes the purpose of a link for anchor elements</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H32.html">H32: Providing submit buttons</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H33.html">H33: Supplementing link text with the title attribute</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H34.html">H34: Using a Unicode right-to-left mark (RLM) or left-to-right mark (LRM) to mix text
direction inline</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H35.html">H35: Providing text alternatives on applet elements </a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H36.html">H36: Using alt attributes on images used as submit buttons</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H37.html">H37: Using alt attributes on img elements</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H39.html">H39: Using caption elements to associate data table captions with data tables</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H40.html">H40: Using description lists</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H42.html">H42: Using h1-h6 to identify headings</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H43.html">H43: Using id and headers attributes to associate data cells with header cells in
data tables</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H44.html">H44: Using label elements to associate text labels with form controls</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H45.html">H45: Using longdesc</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H46.html">H46: Using noembed with embed
</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H48.html">H48: Using ol, ul and dl for lists or groups of links</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H49.html">H49: Using semantic markup to mark emphasized or special text</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H51.html">H51: Using table markup to present tabular information</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H53.html">H53: Using the body of the object element</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H54.html">H54: Using the dfn element to identify the defining instance of a word</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H56.html">H56: Using the dir attribute on an inline element to resolve problems
with nested directional runs</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H57.html">H57: Using language attributes on the html element </a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H58.html">H58: Using language attributes to identify changes in the human language </a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H59.html">H59: Using the link element and navigation tools</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H60.html">H60: Using the link element to link to a glossary</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H62.html">H62: Using the ruby element</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H63.html">H63: Using the scope attribute to associate header cells and data cells in data
tables</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H64.html">H64: Using the title attribute of the frame and iframe elements</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H65.html">H65: Using the title attribute to identify form controls when the label element
cannot be used</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H67.html">H67: Using null alt text and no title attribute on img elements for images that AT
should ignore</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H69.html">H69: Providing heading elements at the beginning of each section of content</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H70.html">H70: Using frame elements to group blocks of repeated material</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H71.html">H71: Providing a description for groups of form controls using fieldset and legend
elements </a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H73.html">H73: Using the summary attribute of the table element to give an overview of data
tables</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H74.html">H74: Ensuring that opening and closing tags are used according to specification</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H75.html">H75: Ensuring that Web pages are well-formed</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H76.html">H76: Using meta refresh to create an instant client-side redirect</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H77.html">H77: Identifying the purpose of a link using link text combined with its enclosing
list item</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H78.html">H78: Identifying the purpose of a link using link text combined with its enclosing
paragraph</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H79.html">H79: Identifying the purpose of a link in a data table using the link text combined with its enclosing table cell and associated table header cells</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H80.html">H80: Identifying the purpose of a link using link text combined with the preceding
heading element</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H81.html">H81: Identifying the purpose of a link in a nested list using link text combined with
the parent list item under which the list is nested</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H83.html">H83: Using the target attribute to open a new window on user request and indicating this in link text</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H84.html">H84: Using a button with a select element to perform an action</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H85.html">H85: Using OPTGROUP to group OPTION elements inside a SELECT</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H86.html">H86: Providing text alternatives for ASCII art, emoticons, and leetspeak</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H88.html">H88: Using HTML according to spec</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H89.html">H89: Using the title attribute to provide context-sensitive help</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H90.html">H90: Indicating required form controls using label or legend</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H91.html">H91: Using HTML form controls and links</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H93.html">H93: Ensuring that id attributes are unique on a Web page</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H94.html">H94: Ensuring that elements do not contain duplicate attributes</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H95.html">H95: Using the track element to provide captions</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H96.html">H96: Using the track element to provide audio descriptions</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/H97.html">H97: Grouping related links using the nav element</a>
</li>
</ul>
</li>
<li id="css">
CSS Techniques
<a href="https://www.w3.org/TR/WCAG20-TECHS/css.html"> (all CSS Techniques on one page)</a>
<ul>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/C6.html">C6: Positioning content based on structural markup</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/C7.html">C7: Using CSS to hide a portion of the link text </a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/C8.html">C8: Using CSS letter-spacing to control spacing within a word</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/C9.html">C9: Using CSS to include decorative images</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/C12.html">C12: Using percent for font sizes</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/C13.html">C13: Using named font sizes</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/C14.html">C14: Using em units for font sizes</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/C15.html">C15: Using CSS to change the presentation of a user interface component when it receives focus</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/C17.html">C17: Scaling form elements which contain text</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/C18.html">C18: Using CSS margin and padding rules instead of spacer images for layout design</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/C19.html">C19: Specifying alignment either to the left OR right in CSS</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/C20.html">C20: Using relative measurements to set column widths so that lines can average 80 characters or less when the browser is resized</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/C21.html">C21: Specifying line spacing in CSS</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/C22.html">C22: Using CSS to control visual presentation of text</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/C23.html">C23: Specifying text and background colors of secondary content such as banners, features and navigation in CSS while not specifying text and background colors of the main content</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/C24.html">C24: Using percentage values in CSS for container sizes</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/C25.html">C25: Specifying borders and layout in CSS to delineate areas of a Web page while not specifying text and text-background colors</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/C27.html">C27: Making the DOM order match the visual order</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/C28.html">C28: Specifying the size of text containers using em units</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/C29.html">C29: Using a style switcher to provide a conforming alternate version</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/C30.html">C30: Using CSS to replace text with images of text and providing user interface controls to switch</a>
</li>
</ul>
</li>
<li id="js">
Client-side Scripting Techniques
<a href="https://www.w3.org/TR/WCAG20-TECHS/client-side-script.html"> (all Client-side Scripting Techniques on one page)</a>
<ul>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SCR1.html">SCR1: Allowing the user to extend the default time limit</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SCR2.html">SCR2: Using redundant keyboard and mouse event handlers</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SCR14.html">SCR14: Using scripts to make nonessential alerts optional</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SCR16.html">SCR16: Providing a script that warns the user a time limit is about to expire</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SCR18.html">SCR18: Providing client-side validation and alert</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SCR19.html">SCR19: Using an onchange event on a select element without causing a change of
context</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SCR20.html">SCR20: Using both keyboard and other device-specific functions</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SCR21.html">SCR21: Using functions of the Document Object Model (DOM) to add content to a page</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SCR22.html">SCR22: Using scripts to control blinking and stop it in five seconds or less</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SCR24.html">SCR24: Using progressive enhancement to open new windows on user request</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SCR26.html">SCR26: Inserting dynamic content into the Document Object Model immediately following its trigger element</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SCR27.html">SCR27: Reordering page sections using the Document Object Model</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SCR28.html">SCR28: Using an expandable and collapsible menu to bypass block of content</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SCR29.html">SCR29: Adding keyboard-accessible actions to static HTML elements</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SCR30.html">SCR30: Using scripts to change the link text</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SCR31.html">SCR31: Using script to change the background color or border of the element with focus</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SCR32.html">SCR32: Providing client-side validation and adding error text via the DOM</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SCR33.html">SCR33: Using script to scroll content, and providing a mechanism to pause it</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SCR34.html">SCR34: Calculating size and position in a way that scales with text size</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SCR35.html">SCR35: Making actions keyboard accessible by using the onclick event of anchors and buttons</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SCR36.html">SCR36: Providing a mechanism to allow users to display moving, scrolling, or auto-updating text in a static window or area</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SCR37.html">SCR37: Creating Custom Dialogs in a Device Independent Way</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SCR38.html">SCR38: Creating a conforming alternate version for a web page designed with progressive enhancement</a>
</li>
</ul>
</li>
<li id="server">
Server-side Scripting Techniques
<a href="https://www.w3.org/TR/WCAG20-TECHS/server-side-script.html"> (all Server-side Scripting Techniques on one page)</a>
<ul>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SVR1.html">SVR1: Implementing automatic redirects on the server side instead of on the
client side</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SVR2.html">SVR2: Using .htaccess to ensure that the only way to access non-conforming content is from conforming content</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SVR3.html">SVR3: Using HTTP referer to ensure that the only way to access non-conforming content is from conforming content</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SVR4.html">SVR4: Allowing users to provide preferences for the display of conforming alternate versions</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SVR5.html">SVR5: Specifying the default language in the HTTP header</a>
</li>
</ul>
</li>
<li id="smil">
SMIL Techniques
<a href="https://www.w3.org/TR/WCAG20-TECHS/smil.html"> (all SMIL Techniques on one page)</a>
<ul>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SM1.html">SM1: Adding extended audio description in SMIL 1.0</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SM2.html">SM2: Adding extended audio description in SMIL 2.0</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SM6.html">SM6: Providing audio description in SMIL 1.0</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SM7.html">SM7: Providing audio description in SMIL 2.0</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SM11.html">SM11: Providing captions through synchronized text streams in SMIL 1.0</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SM12.html">SM12: Providing captions through synchronized text streams in SMIL 2.0</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SM13.html">SM13: Providing sign language interpretation through synchronized video
streams in SMIL 1.0</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SM14.html">SM14: Providing sign language interpretation through synchronized video
streams in SMIL 2.0</a>
</li>
</ul>
</li>
<li id="text">
Plain Text Techniques
<a href="https://www.w3.org/TR/WCAG20-TECHS/text.html"> (all Plain Text Techniques on one page)</a>
<ul>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/T1.html">T1: Using standard text formatting conventions for paragraphs</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/T2.html">T2: Using standard text formatting conventions for lists</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/T3.html">T3: Using standard text formatting conventions for headings</a>
</li>
</ul>
</li>
<li id="aria">
ARIA Techniques
<a href="https://www.w3.org/TR/WCAG20-TECHS/aria.html"> (all ARIA Techniques on one page)</a>
<ul>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/wai-aria_notes.html">WAI-ARIA Technology Notes</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/ARIA1.html">ARIA1: Using the aria-describedby property to provide a descriptive label for user interface controls</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/ARIA2.html">ARIA2: Identifying a required field with the aria-required property</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/ARIA4.html">ARIA4: Using a WAI-ARIA role to expose the role of a user interface component</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/ARIA5.html">ARIA5: Using WAI-ARIA state and property attributes to expose the state of a user interface component</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/ARIA6.html">ARIA6: Using aria-label to provide labels for objects</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/ARIA7.html">ARIA7: Using aria-labelledby for link purpose</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/ARIA8.html">ARIA8: Using aria-label for link purpose</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/ARIA9.html">ARIA9: Using aria-labelledby to concatenate a label from several text nodes</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/ARIA10.html">ARIA10: Using aria-labelledby to provide a text alternative for non-text content</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/ARIA11.html">ARIA11: Using ARIA landmarks to identify regions of a page</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/ARIA12.html">ARIA12: Using role=heading to identify headings</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/ARIA13.html">ARIA13: Using aria-labelledby to name regions and landmarks</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/ARIA14.html">ARIA14: Using aria-label to provide an invisible label where a visible label cannot be used</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/ARIA15.html">ARIA15: Using aria-describedby to provide descriptions of images</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/ARIA16.html">ARIA16: Using aria-labelledby to provide a name for user interface controls</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/ARIA17.html">ARIA17: Using grouping roles to identify related form controls</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/ARIA18.html">ARIA18: Using aria-alertdialog to Identify Errors</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/ARIA19.html">ARIA19: Using ARIA role=alert or Live Regions to Identify Errors</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/ARIA20.html">ARIA20: Using the region role to identify a region of the page</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/ARIA21.html">ARIA21: Using Aria-Invalid to Indicate An Error Field</a>
</li>
</ul>
</li>
<li id="flash">
Flash Techniques
<a href="https://www.w3.org/TR/WCAG20-TECHS/flash.html"> (all Flash Techniques on one page)</a>
<ul>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/flash_notes.html">Flash Technology Notes</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH1.html">FLASH1: Setting the name property for a non-text object</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH2.html">FLASH2: Setting the description property for a non-text object in Flash</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH3.html">FLASH3: Marking objects in Flash so that they can be ignored by AT</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH4.html">FLASH4: Providing submit buttons in Flash</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH5.html">FLASH5: Combining adjacent image and text buttons for the same resource</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH6.html">FLASH6: Creating accessible hotspots using invisible buttons</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH7.html">FLASH7: Using scripting to change control labels</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH8.html">FLASH8: Adding a group name to the accessible name of a form control</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH9.html">FLASH9: Applying captions to prerecorded synchronized media</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH10.html">FLASH10: Indicating required form controls in Flash</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH11.html">FLASH11: Providing a longer text description of an object</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH12.html">FLASH12: Providing client-side validation and adding error text via the accessible description</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH13.html">FLASH13: Using HTML language attributes to specify language in Flash content</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH14.html">FLASH14: Using redundant keyboard and mouse event handlers in Flash</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH15.html">FLASH15: Using the tabIndex property to specify a logical reading order and a logical tab order in Flash</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH16.html">FLASH16: Making actions keyboard accessible by using the click event on standard components</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH17.html">FLASH17: Providing keyboard access to a Flash object and avoiding a keyboard trap</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH18.html">FLASH18: Providing a control to turn off sounds that play automatically in Flash</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH19.html">FLASH19: Providing a script that warns the user a time limit is about to expire and provides a way to extend it</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH20.html">FLASH20: Reskinning Flash components to provide highly visible focus indication</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH21.html">FLASH21: Using the DataGrid component to associate column headers with cells</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH22.html">FLASH22: Adding keyboard-accessible actions to static elements</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH23.html">FLASH23: Adding summary information to a DataGrid</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH24.html">FLASH24: Allowing the user to extend the default time limit</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH25.html">FLASH25: Labeling a form control by setting its accessible name</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH26.html">FLASH26: Applying audio descriptions to Flash video</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH27.html">FLASH27: Providing button labels that describe the purpose of a button</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH28.html">FLASH28: Providing text alternatives for ASCII art, emoticons, and leetspeak in Flash</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH29.html">FLASH29: Setting the label property for form components</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH30.html">FLASH30: Specifying accessible names for image buttons</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH31.html">FLASH31: Specifying caption text for a DataGrid</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH32.html">FLASH32: Using auto labeling to associate text labels with form controls</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH33.html">FLASH33: Using relative values for Flash object dimensions</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH34.html">FLASH34: Turning off sounds that play automatically when an assistive technology is detected</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH35.html">FLASH35: Using script to scroll Flash content, and providing a mechanism to pause it</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/FLASH36.html">FLASH36: Using scripts to control blinking and stop it in five seconds or less</a>
</li>
</ul>
</li>
<li id="silverlight">
Silverlight Techniques
<a href="https://www.w3.org/TR/WCAG20-TECHS/silverlight.html"> (all Silverlight Techniques on one page)</a>
<ul>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/silverlight_notes.html">Silverlight Technology Notes</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL1.html">SL1: Accessing Alternate Audio Tracks in Silverlight Media</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL2.html">SL2: Changing The Visual Focus Indicator in Silverlight</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL3.html">SL3: Controlling Silverlight MediaElement Audio Volume</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL4.html">SL4: Declaring Discrete Silverlight Objects to Specify Language Parts
in the HTML DOM</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL5.html">SL5: Defining a Focusable Image Class for Silverlight</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL6.html">SL6: Defining a UI Automation Peer for a Custom Silverlight Control</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL7.html">SL7: Designing a Focused Visual State for Custom Silverlight Controls</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL8.html">SL8: Displaying HelpText in Silverlight User Interfaces</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL9.html">SL9: Handling Key Events to Enable Keyboard Functionality in Silverlight</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL10.html">SL10: Implementing a Submit-Form Pattern in Silverlight</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL11.html">SL11: Pausing or Stopping A Decorative Silverlight Animation</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL12.html">SL12: Pausing, Stopping, or Playing Media in Silverlight MediaElements</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL13.html">SL13: Providing A Style Switcher To Switch To High Contrast</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL14.html">SL14: Providing Custom Control Key Handling for Keyboard Functionality
in Silverlight</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL15.html">SL15: Providing Keyboard Shortcuts that Work Across the Entire Silverlight
Application</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL16.html">SL16: Providing Script-Embedded Text Captions for MediaElement Content</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL17.html">SL17: Providing Static Alternative Content for Silverlight Media Playing
in a MediaElement</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL18.html">SL18: Providing Text Equivalent for Nontext Silverlight Controls With AutomationProperties.Name</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL19.html">SL19: Providing User Instructions With AutomationProperties.HelpText in
Silverlight</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL20.html">SL20: Relying on Silverlight AutomationPeer Behavior to Set AutomationProperties.Name</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL21.html">SL21: Replacing A Silverlight Timed Animation With a Nonanimated Element</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL22.html">SL22: Supporting Browser Zoom in Silverlight</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL23.html">SL23: Using A Style Switcher to Increase Font Size of Silverlight Text
Elements</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL24.html">SL24: Using AutoPlay to Keep Silverlight Media from Playing Automatically</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL25.html">SL25: Using Controls and Programmatic Focus to Bypass Blocks of Content
in Silverlight</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL26.html">SL26: Using LabeledBy to Associate Labels and Targets in Silverlight</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL27.html">SL27: Using Language/Culture Properties as Exposed by Silverlight Applications
and Assistive Technologies</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL28.html">SL28: Using Separate Text-Format Text Captions for MediaElement Content</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL29.html">SL29: Using Silverlight "List" Controls to Define Blocks that
can be Bypassed</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL30.html">SL30: Using Silverlight Control Compositing and AutomationProperties.Name</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL31.html">SL31: Using Silverlight Font Properties to Control Text Presentation</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL32.html">SL32: Using Silverlight Text Elements for Appropriate Accessibility Role</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL33.html">SL33: Using Well-Formed XAML to Define a Silverlight User Interface</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL34.html">SL34: Using the Silverlight Default Tab Sequence and Altering Tab Sequences
With Properties</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/SL35.html">SL35: Using the Validation and ValidationSummary APIs to Implement Client
Side Forms Validation in Silverlight</a>
</li>
</ul>
</li>
<li id="pdf">
PDF Techniques
<a href="https://www.w3.org/TR/WCAG20-TECHS/pdf.html"> (all PDF Techniques on one page)</a>
<ul>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/pdf_notes.html">PDF Technology Notes</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/PDF1.html">PDF1: Applying text alternatives to images with the Alt entry in PDF documents</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/PDF2.html">PDF2: Creating bookmarks in PDF documents</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/PDF3.html">PDF3: Ensuring correct tab and reading order in PDF documents</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/PDF4.html">PDF4: Hiding decorative images with the Artifact tag in PDF documents</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/PDF5.html">PDF5: Indicating required form controls in PDF forms</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/PDF6.html">PDF6: Using table elements for table markup in PDF Documents</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/PDF7.html">PDF7: Performing OCR on a scanned PDF document to provide actual text</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/PDF8.html">PDF8: Providing definitions for abbreviations via an E entry for a structure
element</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/PDF9.html">PDF9: Providing headings by marking content with heading tags in PDF documents</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/PDF10.html">PDF10: Providing labels for interactive form controls in PDF documents</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/PDF11.html">PDF11: Providing links and link text using the Link annotation and the /Link structure element in PDF documents</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/PDF12.html">PDF12: Providing name, role, value information for form fields in PDF documents</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/PDF13.html">PDF13: Providing replacement text using the /Alt entry for links in PDF
documents</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/PDF14.html">PDF14: Providing running headers and footers in PDF documents</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/PDF15.html">PDF15: Providing submit buttons with the submit-form action in PDF forms</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/PDF16.html">PDF16: Setting the default language using the /Lang entry in the document
catalog of a PDF document</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/PDF17.html">PDF17: Specifying consistent page numbering for PDF documents</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/PDF18.html">PDF18: Specifying the document title using the Title entry in the document
information dictionary of a PDF document</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/PDF19.html">PDF19: Specifying the language for a passage or phrase with the Lang entry
in PDF documents</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/PDF20.html">PDF20: Using Adobe Acrobat Pro's Table Editor to repair mistagged tables</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/PDF21.html">PDF21: Using List tags for lists in PDF documents</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/PDF22.html">PDF22: Indicating when user input falls outside the required format or
values in PDF forms</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/PDF23.html">PDF23: Providing interactive form controls in PDF documents</a>
</li>
</ul>
</li>
<li id="failure">
Common Failures
<a href="https://www.w3.org/TR/WCAG20-TECHS/failures.html"> (all Common Failures on one page)</a>
<ul>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F1.html">F1: Failure of Success Criterion 1.3.2 due to changing the meaning of content by
positioning information with CSS</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F2.html">F2: Failure of Success Criterion 1.3.1 due to using changes in text presentation to convey information without using the appropriate markup or text</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F3.html">F3: Failure of Success Criterion 1.1.1 due to using CSS to include images that convey
important information</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F4.html">F4: Failure of Success Criterion 2.2.2 due to using text-decoration:blink without a
mechanism to stop it in less than five seconds</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F7.html">F7: Failure of Success Criterion 2.2.2 due to an object or applet, such as Java or Flash,
that has blinking content without a mechanism to pause the content that blinks
for more than five seconds</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F8.html">F8: Failure of Success Criterion 1.2.2 due to captions omitting some dialogue or important
sound effects</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F9.html">F9: Failure of Success Criterion 3.2.5 due to changing the context when the user removes
focus from a form element</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F10.html">F10: Failure of Success Criterion 2.1.2 and Conformance Requirement 5 due to combining multiple content formats in a way
that traps users inside one format type</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F12.html">F12: Failure of Success Criterion 2.2.5 due to having a session time limit without a mechanism
for saving user's input and re-establishing that information upon
re-authentication</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F13.html">F13: Failure of Success Criterion 1.1.1 and 1.4.1 due to having a text alternative that does not
include information that is conveyed by color differences in the image</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F14.html">F14: Failure of Success Criterion 1.3.3 due to identifying content only by its shape or
location</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F15.html">F15: Failure of Success Criterion 4.1.2 due to implementing custom controls that do not use an accessibility API for the technology, or do so incompletely</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F16.html">F16: Failure of Success Criterion 2.2.2 due to including scrolling content where movement is not essential to the activity without also including a mechanism to pause and restart the content</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F19.html">F19: Failure of Conformance Requirement 1 due to not providing a method for the user to find the alternative conforming version of a non-conforming Web page</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F20.html">F20: Failure of Success Criterion 1.1.1 and 4.1.2 due to not updating text alternatives when
changes to non-text content occur</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F22.html">F22: Failure of Success Criterion 3.2.5 due to opening windows that are not requested by the
user</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F23.html">F23: Failure of 1.4.2 due to playing a sound longer than 3 seconds where
there is no mechanism to turn it off</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F24.html">F24: Failure of Success Criterion 1.4.3, 1.4.6 and 1.4.8 due to specifying foreground colors without
specifying background colors or vice versa</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F25.html">F25: Failure of Success Criterion 2.4.2 due to the title of a Web page not identifying the
contents</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F26.html">F26:
Failure of Success Criterion 1.3.3 due to using a graphical symbol alone to convey information</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F30.html">F30: Failure of Success Criterion 1.1.1 and 1.2.1 due to using text alternatives that are not
alternatives (e.g., filenames or placeholder text)</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F31.html">F31: Failure of Success Criterion 3.2.4 due to using two different labels for the same function on different Web pages within a set of Web pages </a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F32.html">F32: Failure of Success Criterion 1.3.2 due to using white space characters to control
spacing within a word</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F33.html">F33: Failure of Success Criterion 1.3.1 and 1.3.2 due to using white space characters to
create multiple columns in plain text content</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F34.html">F34: Failure of Success Criterion 1.3.1 and 1.3.2 due to using white space characters to
format tables in plain text content</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F36.html">F36: Failure of Success Criterion 3.2.2 due to automatically submitting a form and
presenting new content without prior warning when the last field in the form is
given a value</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F37.html">F37: Failure of Success Criterion 3.2.2 due to launching a new window without prior warning
when the selection of a radio button, check box or select list is changed</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F38.html">F38: Failure of Success Criterion 1.1.1 due to not marking up decorative images in HTML in a way that allows assistive technology to ignore them</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F39.html">F39: Failure of Success Criterion 1.1.1 due to providing a text alternative that is not null (e.g., alt="spacer" or alt="image") for images that should be ignored by assistive technology</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F40.html">F40: Failure of Success Criterion 2.2.1 and 2.2.4 due to using meta redirect with a time limit
</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F41.html">F41: Failure of Success Criterion 2.2.1, 2.2.4, and 3.2.5 due to using meta refresh to reload the page</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F42.html">F42: Failure of Success Criteria 1.3.1, 2.1.1, 2.1.3, or 4.1.2 when emulating links</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F43.html">F43: Failure of Success Criterion 1.3.1 due to using structural markup in a way that does
not represent relationships in the content</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F44.html">F44: Failure of Success Criterion 2.4.3 due to using tabindex to create a tab order that
does not preserve meaning and operability</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F46.html">F46: Failure of Success Criterion 1.3.1 due to using th elements,
caption elements, or non-empty summary attributes in
layout tables</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F47.html">F47: Failure of Success Criterion 2.2.2 due to using the blink element</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F48.html">F48: Failure of Success Criterion 1.3.1 due to using the pre element to markup
tabular information</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F49.html">F49:
Failure of Success Criterion 1.3.2 due to using an HTML layout table that does not make sense when linearized </a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F50.html">F50: Failure of Success Criterion 2.2.2 due to a script that causes a blink effect without a
mechanism to stop the blinking at 5 seconds or less</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F52.html">F52: Failure of Success Criterion 3.2.1 and 3.2.5 due to opening a new window as soon as a new page is loaded</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F54.html">F54: Failure of Success Criterion 2.1.1 due to using only pointing-device-specific event
handlers (including gesture) for a function</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F55.html">F55:
Failure of Success Criteria 2.1.1, 2.4.7, and 3.2.1 due to using script to remove focus when focus is received</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F58.html">F58: Failure of Success Criterion 2.2.1 due to using server-side techniques to automatically
redirect pages after a time-out</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F59.html">F59: Failure of Success Criterion 4.1.2 due to using script to make div or span a user interface control in HTML without providing a role for the control</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F60.html">F60: Failure of Success Criterion 3.2.5 due to launching a new window when a user enters
text into an input field</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F61.html">F61: Failure of Success Criterion 3.2.5 due to complete change of main content through an
automatic update that the user cannot disable from within the content</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F63.html">F63: Failure of Success Criterion 2.4.4 due to providing link context only in content that is not related to the link</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F65.html">F65: Failure of Success Criterion 1.1.1 due to omitting the alt attribute or text alternative on img elements, area elements, and input elements of type "image"</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F66.html">F66: Failure of Success Criterion 3.2.3 due to presenting navigation links in a different relative order on different pages</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F67.html">F67: Failure of Success Criterion 1.1.1 and 1.2.1 due to providing long descriptions for non-text content that does not serve the same purpose or does not present the same information</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F68.html">F68: Failure of Success Criterion 4.1.2 due to a user interface control not having a programmatically determined name
</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F69.html">F69: Failure of Success Criterion 1.4.4 when resizing visually rendered text up to 200 percent causes the text, image or controls to be clipped, truncated or obscured</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F70.html">F70: Failure of Success Criterion 4.1.1 due to incorrect use of start and end tags or attribute markup</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F71.html">F71: Failure of Success Criterion 1.1.1 due to using text look-alikes to represent text without providing a text alternative</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F72.html">F72: Failure of Success Criterion 1.1.1 due to using ASCII art without providing a text alternative</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F73.html">F73: Failure of Success Criterion 1.4.1 due to creating links that are not visually evident without color vision</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F74.html">F74: Failure of Success Criterion 1.2.2 and 1.2.8 due to not labeling a synchronized media alternative to text as an alternative</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F75.html">F75: Failure of Success Criterion 1.2.2 by providing synchronized media without captions when the synchronized media presents more information than is presented on the page</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F77.html">F77: Failure of Success Criterion 4.1.1 due to duplicate values of type ID</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F78.html">F78: Failure of Success Criterion 2.4.7 due to styling element outlines and borders in a way that removes or renders non-visible the visual focus indicator</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F79.html">F79: Failure of Success Criterion 4.1.2 due to the focus state of a user interface component not being programmatically determinable or no notification of change of focus state available</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F80.html">F80: Failure of Success Criterion 1.4.4 when text-based form controls do not resize when visually rendered text is resized up to 200%</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F81.html">F81: Failure of Success Criterion 1.4.1 due to identifying required or error fields using color differences only</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F82.html">F82: Failure of Success Criterion 3.3.2 by visually formatting a set of phone number fields but not including a text label</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F83.html">F83: Failure of Success Criterion 1.4.3 and 1.4.6 due to using background images that do not provide sufficient contrast with foreground text (or images of text)</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F84.html">F84: Failure of Success Criterion 2.4.9 due to using a non-specific link such as "click here" or "more" without a mechanism to change the link text to specific text.</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F85.html">F85: Failure of Success Criterion 2.4.3 due to using dialogs or menus that are not adjacent to their trigger control in the sequential navigation order</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F86.html">F86: Failure of Success Criterion 4.1.2 due to not providing names for each part of a multi-part form field, such as a US telephone number</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F87.html">F87: Failure of Success Criterion 1.3.1 due to inserting non-decorative content by using :before and :after pseudo-elements and the 'content' property in CSS</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F88.html">F88: Failure of Success Criterion 1.4.8 due to using text that is justified (aligned to both the left and the right margins)</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F89.html">F89: Failure of Success Criteria 2.4.4, 2.4.9 and 4.1.2 due to not providing an accessible name for an image which is the only content in a link</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F90.html">F90: Failure of Success Criterion 1.3.1 for incorrectly associating table headers and content via the headers and id attributes</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F91.html">F91: Failure of Success Criterion 1.3.1 for not correctly marking up table headers</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F92.html">F92: Failure of Success Criterion 1.3.1 due to the use of role presentation on content which conveys semantic information</a>
</li>
<li>
<a href="https://www.w3.org/TR/WCAG20-TECHS/F93.html">F93: Failure of Success Criterion 1.4.2 for absence of a way to pause or stop an HTML5 media element that autoplays</a>
</li>
</ul>
</li>
<!--<li>
Appendix A: <a href="https://www.w3.org/TR/WCAG20-TECHS/appendixA.html">Acknowledgements</a>
</li>
<li>
Appendix B: <a href="https://www.w3.org/TR/WCAG20-TECHS/appendixB.html">References</a>
</li>-->
</ul>
</main>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment