Page Template

tip

This is an empty template, intended to be used as a starting point for adding new best practices pages. Try to keep it consistent with other pages and fill out all relevant sections; sections marked "optional" can be removed if not relevant.

Overview

Definition / explanation of what this page is all about.

Best Practices

• Add best practices here.
• etc

Common Mistakes

• Add common errors here.

Who is affected?

People using screen readers need ....

People with cognitive disabilities need ... etc.

Who is impacted most by the accessibility of this element?

Testing for accessibility

With a screenreader

How does someone test that this is accessible with a screenreader?

1. Use the screen reader to navigate to ...
2. Make sure ...
3. Make sure ...
4. If ... then it passes. ✅
5. If ... then it fails. ❌

With web inspector

How does someone test that this is accessible with web inspector?

1. Right Click > Inspect ... on the page.
2. Make sure ...
3. Make sure ...
4. If ... then it passes. ✅
5. If ... then it fails. ❌
6. If ... then it passes. ✅
7. If ... then it fails. ❌

Relevant WCAG Success Criteria

• Link to the WCAG Success Criteria here. For example:
• WCAG criteria 1.3.1 - Info and Relationships

Relevant ATAG Guidelines (optional)

• Link to the ATAG Guideline(s) here. For example:
• Guideline A.3.2: (For the authoring tool user interface) Provide authors with enough time.