Could browsers fix more accessibility problems automatically? Hidde de Vries, Tech A11y Summit, online, 15 December 2021
@hdv
Slide 2
Who?
@hdv
Hi, I’m Hidde. Freelance accessibility and front-end consultant for organisations like the Dutch Government, Mozilla & W3C. I write at hidde.blog.
LIKE AND SUBSCRIBE!
Slide 3
Currently…
websites, workshops, conferences
@hdv
Slide 4
Currently…
@hdv
accessibility outreach is great, but does not reach all
Slide 5
Currently…
@hdv
we can detect problems automatically
Currently…
interpretation is hard See also: “A11y Wars” by Glenda Sims and Wilco Fiers
@hdv
Slide 8
Maybe we can…
Automatically detect issues
@hdv
Automatically fix issues
Slide 9
Maybe we can…
Automatically detect issues
a small subset of
@hdv
Automatically fix issues
a small subset of
Slide 10
Warning: responsibilities
this does not relieve websites from their responsibility
@hdv
Slide 11
Parallel tracks
organisations to get their accessibility right
@hdv
browsers to fix things when they are able to
Slide 12
@hdv
With caveats in mind,
could browsers fix more accessibility problems automatically?
Slide 13
What if browsers let us…
force readability ✓
@hdv
Slide 14
Why?
“Web design is 95% typography” – Oliver Reichenstein, iA
https://ia.net/topics/the-web-is-all-about-typography-period
@hdv
Slide 15
What if browsers let us…
force readability
@hdv
Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment. Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line. Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line. Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment. Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line. Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.
Slide 16
What if browsers let us…
✓
force readability
Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment. Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line. Capitalize on low hanging fruit to identify a ballpark
@hdv
Slide 17
What if browsers let us…
✓
force readability
Firefox reading mode read:// in Edge
@hdv
Slide 18
What if browsers let us…
enforce contrast ✓
@hdv
Slide 19
What if browsers let us…
https://booktravel.business
Booktravel
Visit Kinderdijk
enforce contrast
@hdv
Slide 20
What if browsers let us…
✓
“Low contrast text, below the WCAG 2 AA thresholds, was found on 86.4% of home pages. This was the most commonly-detected accessibility issue. On average, home pages had 31 distinct instances of lowcontrast text.”
enforce contrast
@hdv
86.4%
– WebAIM Million
https://webaim.org/projects/million/#contrast
Slide 21
What if browsers let us…
https://booktravel.business
Booktravel
Visit Kinderdijk
enforce contrast
@hdv
Slide 22
What if browsers let us…
✓
https://booktravel.business
Booktravel
Visit Kinderdijk
enforce contrast
Slide 23
What if browsers let us…
✓
enforce contrast
Fix Contrast by Polypane - https://fixa11y.com/
@hdv
Slide 24
What if browsers let us…
force focus indication ✓
@hdv
Slide 25
What if browsers let us…
force focus indication
https://booktravel.business
Booktravel Explore Kinderdijk Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.
Book this trip
@hdv
Slide 26
What if browsers let us…
✓
force focus indication
https://booktravel.business
Booktravel Explore Kinderdijk Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.
Book this trip
@hdv
Slide 27
Slide 28
What if browsers let us…
navigate by landmark ✓
@hdv
Slide 29
What if browsers let us…
navigate by landmark
landmarks can make it easier to efficiently jump to specific parts of a web page
@hdv
Slide 30
What if browsers let us…
navigate by landmark
landmarks can only be navigated using certain
assistive technologies
@hdv
Slide 31
What if browsers let us…
Navigation Main Subjects Support Sections Main article Most viewed Related articles Most popular More in “Climate” Login Contentinfo Main footer
✓
navigate by landmark
@hdv
Slide 32
What if browsers let us…
unstick content ✓
@hdv
Slide 33
Currently…
unstick content
sticky elements can cover too much of the screen, especially when zoom is used
@hdv
Slide 34
What if…
✓
unstick content
@hdv
browsers could stop the sticking
Slide 35
Warning (repeated)
@hdv
not a “get out of jail free” card
Slide 36
And more?
@hdv
should browsers guess more?
Slide 37
And more?
@hdv
Safari guesses accessible names
Slide 38
And more?
@hdv
are all one line paragraphs that end with a period headings?
Slide 39
And more?
@hdv
browsers could use the button role as a hint?
Slide 40
And more?
@hdv
are all sequences of strings that start with a bullet or number lists?
Slide 41
@hdv
With caveats in mind,
could browsers fix more accessibility problems automatically?
Slide 42
More of this?
@hdv
a11yfeat.com
Slide 43
That’s all!
@hdv
thanks for listening! @hdv hidde@hiddedevries.nl hidde.blog