MELBOURNE
Full Stack
Accessibility
Rhiana Heath | 30/08/2019
Who’s job is A11y?
Copywriter
Copywriter
• Clear heading structure
• Easy to read language
• Glossary for difficult words
Copywriter
• Captions & Alt text for images
• Unique page titles
Copywriter
• Clear instructions
• Useful errors
• Help Text
Copywriter
• Captions for videos
• Text equivalent for other noises
UX Designer
UX Designer
• Desktop
• Consistent navigation
• Predictable component patterns
UX Designer
• Mobile
• Consistent navigation
• Predictable component patterns
UX Designer
• User Testing
• Variety of people
• Completing various tasks
Visual Designer
Visual Designer
• Colour Scheme
• High colour contrast
• Colour blind friendly
Visual Designer
• Colour Scheme
• Indicate information not just with
colour
Visual Designer
• Colour Scheme
• Dark mode toggle
Visual Designer
• Typography
• Sans Serif: Titles
• Serif: Paragraphs
Front End Developer
Front End Developer
• Responsive design!
• All screen sizes
• Up to 200% zoom
Front End Developer
• Functions the same on:
• Mouse hover
• Keyboard focus
Front End Developer
• Semantic HTML
• HTML 5 elements
• Clear structure
Front End Developer
• Hidden text for screen readers
• Roles
• Aria-*
• alt
Mobile Developer
Mobile Developer
• Mobile accessibility controls
• Voiceover
• Custom font sizes
Mobile Developer
• Touch gestures
• Large touch targets
• Able to scroll
• Alternative way
Mobile Developer
• Content doesn’t get lost
• Landscape and portrait
• On zoom
Back End Developer
Back End Developer
• Adds CMS fields e.g.
• Unique page titles
• Alt text for images
Back End Developer
• A11y tools checks
• Alt text
• Valid HTML
• Colour contrast
Back End Developer
• Form validation
• Required fields
• Restrictions
• Autofill fields
Back End Developer
• Custom Commands
• Voice
• Keyboard & Mouse
• Touch
Operations
Operations
• High server availability
• Multiple server locations
• Fallback when offline
Operations
• Performance optimisation
• Reducing page weight
• Synchronise Javascript
Operations
• Mobile performance
• Seperate images for small
screens
• Progressive loading
Quality Testers
Quality Testers
Image caption 1 Image caption 2 Image caption 3
Image caption 4 Image caption 5 Image caption 6
Quality Testers
• Test without a mouse
• Keyboard only
Quality Testers
• Test without a screen
• Screen reader only
Thanks!
Rhiana Heath | 30/08/2019

More Related Content

PPTX
Full stack accessibility
PPT
Laptops city
PPT
Laptops city
PDF
Google's Obsession with Sweet Treats. What's new in ICS and the Future of And...
PDF
Building an Adaptive App in Ember
PDF
adaptive_ember
PPT
Laptops city
PPTX
"Localizer" by CyberZ, Inc.
Full stack accessibility
Laptops city
Laptops city
Google's Obsession with Sweet Treats. What's new in ICS and the Future of And...
Building an Adaptive App in Ember
adaptive_ember
Laptops city
"Localizer" by CyberZ, Inc.

What's hot (11)

PDF
Reach new business heights with Eleks Localization
PPTX
Website development us dentist
PDF
[GAMENEXT] Five mantras for l10 (LatisGlboal)
PDF
Building Websites for Retina Displays: Making Friends with Pixels
PPT
Naki tech
PDF
Aharrellresumenov20
PDF
Cincinnati Tableau User Group - May 2018 - #spanglerlife
PPTX
Akbank Axess Card Marketing
PDF
KenWilliamsonWritingResumeSingapore
PPTX
Avada kedavra!
PPT
Mobile First - WCJ 2012
Reach new business heights with Eleks Localization
Website development us dentist
[GAMENEXT] Five mantras for l10 (LatisGlboal)
Building Websites for Retina Displays: Making Friends with Pixels
Naki tech
Aharrellresumenov20
Cincinnati Tableau User Group - May 2018 - #spanglerlife
Akbank Axess Card Marketing
KenWilliamsonWritingResumeSingapore
Avada kedavra!
Mobile First - WCJ 2012
Ad

Similar to Full stack accessibility (20)

PDF
A11y - from «waaat?» to a core part of dev team's workflow
PDF
Web Accessibility: Showing your users you care
PDF
Resume zaur aliyev
PDF
Resume-Aamir-Bashir.PDF
DOC
Resume aamir-bashir
PDF
Copywriting for UX
PDF
Halvorson Keynote - Banging the Big Drums!
PPSX
Making Accessibility Business as Usual
PDF
Content Strategy FTW
PPTX
Web Accessibility
PDF
She saysdigiprodcrsetools2 23_sep_2011
PDF
Aseefa qurneesa resume
PDF
Understanding and Supporting Web Accessibility
PDF
Accessibility for Fun and Profit
PDF
How to start with Accessibility - WordCamp Stuttgart
RTF
Copywriting
PPT
Which matters more: content, design or technology? A rant
PDF
Job Resume for Website Designer, Graphic Designer, and Social Media Marketing...
PDF
Tools And Techniques For Evaluating Accessibility
A11y - from «waaat?» to a core part of dev team's workflow
Web Accessibility: Showing your users you care
Resume zaur aliyev
Resume-Aamir-Bashir.PDF
Resume aamir-bashir
Copywriting for UX
Halvorson Keynote - Banging the Big Drums!
Making Accessibility Business as Usual
Content Strategy FTW
Web Accessibility
She saysdigiprodcrsetools2 23_sep_2011
Aseefa qurneesa resume
Understanding and Supporting Web Accessibility
Accessibility for Fun and Profit
How to start with Accessibility - WordCamp Stuttgart
Copywriting
Which matters more: content, design or technology? A rant
Job Resume for Website Designer, Graphic Designer, and Social Media Marketing...
Tools And Techniques For Evaluating Accessibility
Ad

Recently uploaded (20)

PPTX
Streamlining Project Management in the AV Industry with D-Tools for Zoho CRM ...
PDF
Practical Indispensable Project Management Tips for Delivering Successful Exp...
PPT
3.Software Design for software engineering
PPTX
Folder Lock 10.1.9 Crack With Serial Key
PDF
Mobile App Backend Development with WordPress REST API: The Complete eBook
PDF
AI-Powered Fuzz Testing: The Future of QA
PDF
Cloud Native Aachen Meetup - Aug 21, 2025
PDF
IDM Crack 6.42 Build 42 Patch Serial Key 2025 Free New Version
PDF
Sun and Bloombase Spitfire StoreSafe End-to-end Storage Security Solution
PPTX
Foundations of Marketo Engage: Nurturing
PDF
CapCut PRO for PC Crack New Download (Fully Activated 2025)
PPTX
ROI Analysis for Newspaper Industry with Odoo ERP
PPTX
Why 2025 Is the Best Year to Hire Software Developers in India
PDF
PDF-XChange Editor Plus 10.7.0.398.0 Crack Free Download Latest 2025
PPTX
WJQSJXNAZJVCVSAXJHBZKSJXKJKXJSBHJBJEHHJB
PDF
Crypto Loss And Recovery Guide By Expert Recovery Agency.
PDF
Website Design & Development_ Professional Web Design Services.pdf
PPTX
Lesson-3-Operation-System-Support.pptx-I
PDF
Workplace Software and Skills - OpenStax
PPTX
DevOpsDays Halifax 2025 - Building 10x Organizations Using Modern Productivit...
Streamlining Project Management in the AV Industry with D-Tools for Zoho CRM ...
Practical Indispensable Project Management Tips for Delivering Successful Exp...
3.Software Design for software engineering
Folder Lock 10.1.9 Crack With Serial Key
Mobile App Backend Development with WordPress REST API: The Complete eBook
AI-Powered Fuzz Testing: The Future of QA
Cloud Native Aachen Meetup - Aug 21, 2025
IDM Crack 6.42 Build 42 Patch Serial Key 2025 Free New Version
Sun and Bloombase Spitfire StoreSafe End-to-end Storage Security Solution
Foundations of Marketo Engage: Nurturing
CapCut PRO for PC Crack New Download (Fully Activated 2025)
ROI Analysis for Newspaper Industry with Odoo ERP
Why 2025 Is the Best Year to Hire Software Developers in India
PDF-XChange Editor Plus 10.7.0.398.0 Crack Free Download Latest 2025
WJQSJXNAZJVCVSAXJHBZKSJXKJKXJSBHJBJEHHJB
Crypto Loss And Recovery Guide By Expert Recovery Agency.
Website Design & Development_ Professional Web Design Services.pdf
Lesson-3-Operation-System-Support.pptx-I
Workplace Software and Skills - OpenStax
DevOpsDays Halifax 2025 - Building 10x Organizations Using Modern Productivit...

Full stack accessibility