General
Find general requirements for testing web experiences.
Page title (GEN-1)
Accurate title (GEN-1-1)
An accurate and descriptive page
How to test
Tool: ANDI- Inspect the HTML DOM and confirm that a
element is present. - Verify that the page title provided is accurate and descriptive of the purpose of the page and content.
Test outcomes
-
Pass: Page title is accurate and descriptive of the page content.
-
Fail: Page title is not included or page title is inaccurate and/or not descriptive of the page content.
Related WCAG criteria
WCAG 2.2 A - 2.4.2 Page TitledUnique title (GEN-1-2)
The page title must be unique and conform to a consistent structure among the other pages.
How to test
Tool: Browser Dev Tools (F12)- Inspect the target page.
- Review the html
tag. - Verify that the page title is unique and conforms to a consistent structure among the other pages.
Test outcomes
-
Pass: Page title is unique and conforms to a consistent structure among the other pages.
-
Fail: Page title is not unique and/or it does not conform to a consistent structure among the other pages.
Related WCAG criteria
WCAG 2.2 A - 2.4.2 Page TitledLanguage (GEN-2)
Lang attribute (GEN-2-1)
The applicable language must be defined on every page, inside the html tag.
How to test
Tool: Browser Dev Tools (F12)- Use the Inspect feature in the browser (for example: Chrome F12 dev tools) to open a view of the page HTML code.
- Locate the
element at the beginning of the HTML DOM. - Confirm that the
attribute is correct for the language of the page content.
Test outcomes
-
Pass: Correct page language is defined.
-
Fail: Page language is not defined or the incorrect page language is defined.
Related WCAG criteria
WCAG 2.2 A - 3.1.1 Language of PageLang of parts of page (GEN-2-2)
A lang attribute must be set on every word or phrase that is in a different language than the page’s main language.
How to test
Tool: Browser Dev Tools (F12)- Locate any words or phrases in the page content that are in a language that is different from the language of the other content in the page.
- Use the Inspect feature in the browser (for example: Chrome F12 dev tools) to open a view of the page HTML code and inspect each of these words or phrases.
- Confirm that each of these words or phrases is wrapped in a
element with a attribute that is correct for the language of the word or phrase.
Test outcomes
-
Pass: All words or pages which are in a different language than the global lang are marked up with the appropriate language.
-
Fail: Words or pages which are in a different language than the global lang are not marked up with the appropriate language.
-
NA: No words or phrases are in a different language from the global language.
Related WCAG criteria
WCAG 2.2 AA - 3.1.2 Language of PartsAT compatible (GEN-3)
Support screen readers (GEN-3-1)
All features and functionality made available to users within the web application must be functionally supported with at least one screen reader per supported platform (for example: JAWS for Windows desktop, VoiceOver for MAC iOS, etc.).
How to test
Tool: Screen readerRun through all use cases with each supported screen reader, confirming that all features and functionality are fully available to non-sighted users.
Test outcomes
-
Pass: All features and functionality are fully available to non-sighted users.
-
Fail: One or more features or functionality are not fully available to non-sighted users.
Related WCAG criteria
WCAG 2.2 A - 4.1 CompatibleAlerts read (GEN-3-2)
When alerts are shown on screen (for example: success, error, or status/informative) they must also be read aloud by each supported screen reader without receiving focus.
Note: Error messages that appear in-line upon leaving a form field are common examples.
How to test
Tool: Screen readerConfirm that when alerts are shown on screen (for example: success, error, or status/informative) they are also read aloud by each supported screen reader.
Test outcomes
-
Pass: Alerts shown on screen are read aloud by each supported screen reader.
-
Fail: Alerts shown on screen are not read aloud by each supported screen reader.
-
NA: No alerts are shown on screen.
Related WCAG criteria
WCAG 2.1 AA - 4.1.3 Status MessagesA11y validator (GEN-4)
Use an Automated Testing Tool (GEN-4-1)
When run against the page, the automated validation tool must not report any errors.
How to test
Tool: Accessibility Insights- Run one automated validation tool of your choice against the page and confirm that it reports no errors.
- If errors are found, record a FAIL with a FAIL ID for each issue reported by the tool.
Test outcomes
-
Pass: Automated tool returns zero errors.
-
Fail: Automated tool returns one or more errors.