owid-grapher icon indicating copy to clipboard operation
owid-grapher copied to clipboard

Improve OWID's accessibility lighthouse score

Open ikesau opened this issue 2 years ago • 3 comments

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

ikesau avatar Aug 15 '22 19:08 ikesau

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 avatar Aug 30 '22 11:08 larsyencken

Proposed in Dev slack channel to do it together next cooldown

larsyencken avatar Sep 20 '22 10:09 larsyencken