How to embed accessibility into your workflow
- Technical level
- Moderate to High
- Duration
- 2.5 hours
- Suitability
- Technical team, Product managers
- Location
- In person (preferable) or virtual
Introduction
The vast ocean that is digital accessibility can be daunting and feel difficult to navigate, but every journey starts with a first step (or perhaps doggy paddle in this case).
It is easy to feel like you are lost at sea at times when looking at the technical side of accessibility, but don’t worry. Your accessibility voyage begins with this workshop and we will steer you in the right direction.
Looking at things through a more technical lens. In this workshop we establish a conformance checklist that can be used as reference for future compliance auditing; explore the techniques you can use to test a website and get our first listen of a screen reader in action.
Details
More practical demonstration than presentation. This advanced accessibility workshop will take you beyond simply attaining WCAG conformance with automated tools and make you an accessibility champion.
We take a look at how to implement advanced techniques such as ARIA into your workflow and share technical tips about what to look for when improving accessibility for your projects.
Review of the following areas of accessibility:
- Language
- Focus
- Forms
- Images
- Listings entries
- Tables
- Landmarks
- Link text
- Menu systems (modal and drop down)
- Focus traps
- Skip links
- Meta titles
- Duplicate links (caused by breadcrumb navigation, logos)
Dive into aria roles
ARIA examples, including:
- aria-label
- aria-labelledby
- ARIA live regions
- Reduced motion and animations
- High contrast mode
- Roving tab index
And we will take a look at how to use the rotor menu and testing with Voiceover.