Text Version
Content developer
Images
- Add alt text to images and labels to forms - 1.1.1 Non-text Content
- Don't use images of text - 1.4.5 Images of Text
Audio
- Add transcripts to audio - 1.2.1 Audio-only and Video Only (Pre-recorded)
Video
- Add captions to videos - 1.2.2 Captions (Pre-recorded)
- Add a transcript to describe silent content in videos - 1.2.3 Audio Description
- Add live captions to real-time videos - 1.2.4 Captions (live)
- Add an audio description of silent content in videos - 1.2.5 Audio Description
Text
- Don't make instructions reliant on size, shape, visual location or sound - 1.3.3 Sensory Characteristics
- Add a meaningful page title - 2.4.2 Page Titled
- Avoid 'click here' link text - 2.4.4 Link Purpose (In Context)
- Add informative headings and input field labels - 2.4.6 Headings and labels
- Avoid jargon - 3.1.3 Unusual words
Developer
Semantic structure
- Use heading tags, table headings and lists - 1.3.1 Info and Relationships
- Make code match the reading and navigation order - 1.3.2 Meaningful Sequence
Keyboard and mouse
- Keyboard shortcuts can be turned off - 2.1.4 Character Key Shortcuts
- Activate functions on mouseup, not mousedown - 2.5.2 Pointer Cancellation
- Advise assistive technologies of changes in context - 4.1.3 Status Messages
Forms
- Identify required input formats and clearly identify errors - 3.3.1 Error identification
- Use labels, fieldsets and legends for forms - 3.3.2 Labels or Instructions
- Identify input errors - 3.3.3 Error Suggestion
- Allow autocomplete by specifying input field types - 1.3.5 Identify Input Purpose
- Allow users to confirm and reverse changes to data - 3.3.4 Error Prevention (Legal, Financial Data)
- Make sure visible labels match accessible names - 2.5.3 Label in Name
Code
- Use the lang attribute to identify the language of the page - 3.1.1 Language of page
- Identify the language of page content if different to the rest of the page - 3.1.2 Language of Parts
- Use valid HTML and avoid duplicate IDs - 4.1.1 Parsing
- Provide names and roles for all components - 4.1.2 Name, Role, Value
UX / Interaction designer
Audio
- Allow users to stop, pause or mute audio - 1.4.2 Audio Control
Timing
- Let users turn off or extend time limits - 2.2.1 Timing Adjustable
- Allow pausing of animations - 2.2.2 Pause, Stop, Hide
- Avoid flashing page content - 2.3.1 Three flashes or below threshold
Navigation
- Add skip to content links or content groupings - 2.4.1 Bypass Blocks
- Add a list of related pages, index, sitemap or search - 2.4.5 Multiple Ways
Interaction
- Avoid pop-up windows when elements receive focus - 3.2.1 On Focus - 1.4.13 Content on Horver or Focus
- Avoid surprise changes when inputing information - 3.2.2 On Input
Text
- Allow Text Resizing and Spacing - 1.4.4 Resize Text - 1.4.10 Reflow - 1.4.12 Text Spacing
Keyboard
- Make the navigation order of links and forms logical - 2.4.3 Focus Order
- Make each page navigable by keyboard alone - 2.1.1 Keyboard
- Don't trap the keyboard - 2.1.2 No keyboard trap
Mobile
- Provide alternatives to multipoint gestures - 2.5.1 Pointer Gestures
- Provide alternatives to motion actuation - 2.5.4 Motion Actuation
Visual Designer
CSS
- Don't use color alone to distinguish between links and surrounding text - 1.4.1 Use of Color
- Provide sufficient contrast between text and background colors - 1.4.3 Contrast (Minimum)
- Provide sufficient contrast between components and the background - 1.4.11 Non-text Contrast
- Give an indication of keyboard focus - 2.4.7 Focus Visible
Navigation
- Keep navigation and presentation consistent - 3.2.3 Consistent Navigation
- Identify elements consistently - 3.2.4 Consistent Identification
Mobile
- Allow both portrait and landscape orientation - 1.3.4 Orientation
Avoid distractions
Assign responsibilities
Planning
- Assign accessibility responsibilities to team members
Update product backlog
- Add accessibility tasks to the product backlog
Monitor progress
- Monitor progress and report back to product owner, e.g. in agile project: ensure that some accessibility tasks are completed each sprint
Product Owner / Project Steering Committee
Oversight
- Ensure that accessibility forms part of the non-functional requirements of the project / solution
Monitor progress
- Ensure that the project team is reporting back on their accessibility activities