search

owid / owid-grapher

A platform for creating interactive data visualizations
https://ourworldindata.org
MIT License
1.39k stars 229 forks source link

Improve OWID's accessibility lighthouse score #1595

Open ikesau opened 2 years ago

ikesau commented 2 years ago

Core problem

Across various pages for both desktop and mobile, we're "leaving accessibility on the table" by having buttons without roles, insufficient contrasts, non-hierarchical headings, and missing attributes.

On Desktop, many of our pages hover around 85-90%

On Mobile, most pages are closer to 80%

Proposed solution

Dedicate a day and a dev to running WebAIM's WCAG Audit and Google Lighthouse to fix as many of the easy issues as possible.

Alternatives

A more robust and exhaustive personal WCAG 2.1 Level AA audit could also be done.

Context

image

larsyencken commented 2 years ago

Chatted to Daniel B, possible we could pick this up just before Sicily, if it doesn't get done in a cooldown before then.

larsyencken commented 2 years ago

Proposed in Dev slack channel to do it together next cooldown

toni-sharpe commented 4 months ago

Not taking ownership until instructed but my Lighthouse scores on my demo site are 98-100% so this is something I could pick at without the pressure of cycle deadlines and while looking for work and beyond, incremental, potentially tiny little changes (all those screen shot problems I have covered).

@larsyencken let me know if this fits with you.

No more tags now either :-) this would keep me out of the way and busy improving things,.