Accessibility tests

Injecting content into the page

• All tests - Injecting content into the page
• Automatic - role="alert"
• Automatic - aria-live="assertive" and role="alert"
• Automatic - aria-live="assertive"
• Automatic - aria-live="off"
• Automatic - aria-live="polite"
• Manual - role="alert"
• Manual - aria-live="assertive" and role="alert"
• Manual - aria-live="assertive"
• Manual - aria-live="off"
• Manual - aria-live="polite"

In-page tabs

• All tests - In-page tabs
• In-page tabs - Arrows + ARI)
• In-page tabs - Arrows Only
• In-page tabs - Hybrid + ARIA
• In-page tabs - Hybrid Only
• In-page tabs - Tab + ARIA
• In-page tabs Demo - Tab only

Adding additional context for screen readers

• Display A, announce B - normal content
• Display A, announce B - link content
• Display A, announce B - button content
• Adding information to links
• Adding information to buttons
• Adding information to pagination
• Hiding information from screen readers
• Page title - adding additional info
• Understandable country codes
• Test: role="application"
• Test: role="document"

HTML5 Structural elements

• HTML5 article element
• HTML5 aside element
• HTML5 footer element
• HTML5 header element
• HTML5 main element
• HTML5 navigation element
• HTML5 section element

Block level elements

• HTML heading elements
• HTML blockquote element
• HTML details element
• HTML address element

Lists

• HTML unordered lists
• HTML ordered lists
• HTML definition lists
• HTML nested unordered lists

Inline elements

• HTML abbreviation elements
• HTML bold elements
• HTML cite elements
• HTML delete elements
• HTML definition elements
• HTML emphasis elements
• HTML italic elements
• HTML insert elements
• HTML quote elements
• HTML small elements
• HTML strike elements
• HTML strong elements
• HTML sub elements
• HTML sup elements
• HTML time elements

Form controls

• Adding instructions for form fields
• Adding additional help to form fields
• Error message in forms
• Lists inside forms
• Alternatives to the fieldset element
• Attribute: aria-disabled
• Attribute: min and max
• Attribute: placeholder
• Attribute: role="button"
• Attribute: aria-selected
• HTML button element
• HTML select element
• HTML textarea element
• HTML fieldset and nested fieldset test
• HTML input type="button" element
• HTML input type="checkbox" element
• HTML input type="file" element
• HTML input type="image" element
• HTML input type="password" element
• HTML input type="reset" element
• HTML input type="submit" element
• HTML input type="text" element
• HTML input type="radio" element
• HTML input type="color" element
• HTML input type="date" element
• HTML input type="email" element
• HTML input type="number" element
• HTML input type="search" element
• HTML input type="range" element
• HTML input type="tel" element
• HTML input type="url" element

Keyboard examples

• Radio buttons and keyboard use
• Checkboxes and keyboard use
• Select menus and keyboard use
• Multiple select menus and keyboard use
• Skip link test
• Basic tab order
• Specific tab order

Table examples

• HTML table - summary and caption
• HTML table - TH element at top only - not complete
• HTML table - TH elements at top and side - not complete
• HTML table - scope attribute at top only - not complete
• Table test 04 - scope at top and side - not complete
• Table test 05 - simple table with id and headers - not complete
• Table test 07 - complex table with headers and ids - not complete
• Table within a table - not complete
• Aria-describedby - table summary vs describedby - not complete
• Table test 09 - not complete
• Table test 10 - not complete
• HTML table - TH element at top only - not complete
• HTML table - TH element at top only - not complete
• HTML table - TH element at top only - not complete
• HTML table - TH element at top only - not complete
• HTML table - TH element at top only - not complete