The document emphasizes the importance of integrating accessibility throughout the project lifecycle to enhance user experience. It outlines essential practices like user experience planning, technical implementation, and external validation to ensure websites cater to all users, including those with disabilities. Continuous improvements and testing with real users are recommended to achieve effective accessibility.

1. Baking in accessibility
throughout the project lifecycle
Sylvain Reiter from Cyber-Duck Ltd
@SylvainReiter

2. Unsplash

4. An agency focused on digital transformation through UX
and technology
CYBER-DUCK
Growing since 2005. Over 80 staff. ISO accredited process. £5m revenue. HQ in London.
Our values: Excellence + Selfless + Relentless + Adaptive

5. ● User Experience
● Visual Design
● Technical Implementation
● External validation
● Ongoing Improvements
There is no shortcut…

6. User Experience

7. Planning for everyone
• UX & Persona mapping

8. • UX & Persona mapping
• Information Architecture
Planning for everyone

9. • UX & Persona mapping
• Information Architecture
• Text content & PDFs
Planning for everyone

10. • UX & Persona mapping
• Information Architecture
• Text content & PDFs
• Semantic Headings
Planning for everyone

11. • UX & Persona mapping
• Information Architecture
• Text content & PDFs
• Semantic Headings
• Forms validation
Planning for everyone

12. Visual Design

13. Impact on branding
• Aim for a colour contrast
of 4.5:1 for all text
• Affected by font size and
background colour
• Focus on CTA and
headings

14. Technical
Implementation

15. Semantic HTML
• Ensure compatibility
with screen-readers
• Correct orders of <H>
• Alt tags on all images
• Captions on videos

16. Keyboard navigation
Consider focus triggers for
navigation dropdown,
accordions and forms.

17. External Validation

18. Did you do it right?
• Automated tools are
mostly not suitable

19. • Automated tools are
mostly not suitable
• Test with real users on
real assistive tech
Did you do it right?

20. • Automated tools are
mostly not suitable
• Test with real users on
real assistive tech
• If not, manual audit
with simulators
Did you do it right?

21. Ongoing
Improvements

22. Test on every release
• Automate on small
iterations
• Validate on major
changes
DESKTOP SCREEN READERS SCREEN MAGNIFIERS
VoiceOver for iOS
Android Accessibility
Suite
Apple Magnifier
Windows Magnifier
SPEECH RECOGNITION
MOBILE SCREEN READERS
CI / CD Tool

23. Let’s connect:
@SylvainReiter
@cyberduck_uk

24. Who are you building websites for?
Don’t leave any user out: everyone
deserves a great digital experience.
-