WCAG Techniques

JSON

Guideline 1.1 Text-Alternatives

Success Criteria Technique Examples
1.1.1 Non Text content G73: Providing a long description in another location with a link to it that is immediately adjacent to the non-text content Pass | Fail
1.1.1 Non Text content H24: Providing text alternatives for the area elements of image maps Pass | Fail
1.1.1 Non Text content H36: Using alt attributes on images used as submit buttons Pass | Fail
1.1.1 Non Text content H37: Using alt attributes on img elements Pass | Fail
1.1.1 Non Text content H67: Using null alt text and no title attribute on img elements for images that AT should ignore Pass | Fail
1.1.1 Non Text content H86: Providing text alternatives for ASCII art, emoticons, and leetspeak Pass | Fail

Guideline 1.2 Time based Media

Success Criteria Technique Examples
1.2.2 Captions (Pre-recorded) G87: Providing closed captions Pass | Fail

Guideline 1.3 Adaptable

Success Criteria Technique Examples
1.3.1 Info and Relationship G130: Providing descriptive headings Pass | Fail
1.3.1 Info and Relationship G138: Using semantic markup whenever color cues are used Pass | Fail
1.3.1 Info and Relationship G141: Organizing a page using headings Pass | Fail
1.3.1 Info and Relationship H39: Using caption elements to associate data table captions with data tables Pass | Fail
1.3.1 Info and Relationship H42: Using h1-h6 to identify headings Pass | Fail
1.3.1 Info and Relationship H43: Using id and headers attributes to associate data cells with header cells in data tables Pass | Fail
1.3.1 Info and Relationship H44: Using label elements to associate text labels with form controls Pass | Fail
1.3.1 Info and Relationship H48: Using ol, ul and dl for lists or groups of links Pass | Fail
1.3.1 Info and Relationship H49: Using semantic markup to mark emphasized or special text Pass | Fail
1.3.1 Info and Relationship H51: Using table markup to present tabular information Pass | Fail
1.3.1 Info and Relationship H63: Using the scope attribute to associate header cells and data cells in data tables Pass | Fail
1.3.1 Info and Relationship H65: Using the title attribute to identify form controls when the label element cannot be used Pass | Fail
1.3.1 Info and Relationship H71: Providing a description for groups of form controls using fieldset and legend elements Pass | Fail
1.3.1 Info and Relationship H73: Using the summary attribute of the table element to give an overview of data tables Pass | Fail
1.3.1 Info and Relationship H85: Using OPTGROUP to group OPTION elements inside a SELECT Pass | Fail
1.3.1 Info and Relationship H97: Grouping related links using the nav element Pass | Fail
1.3.1 Info and Relationship F46: Due to using th elements, caption elements, or non-empty summary attributes in layout tables Pass | Fail
1.3.1 Info and Relationship F48: Due to using the pre element to markup tabular information Pass | Fail
1.3.2 Meaningful Sequence C27: Making the DOM order match the visual order Pass | Fail

Guideline 1.4 Distinguishable

Success Criteria Technique Examples
1.4.1 Use of Color 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 Pass | Fail
1.4.3 Contrast (Minimum) G18: Ensuring that a contrast ratio of at least 4.5:1 exists between text (and images of text) and background behind the text Pass | Fail