OregonDigital / OD2

Next generation of Oregon Digital ( https://oregondigital.org ) digital collections platform, built on Samvera Hyrax ( https://github.com/samvera/hyrax/ )
18 stars 1 forks source link

[A11y] General - Uppercase Abuse #1903

Open jechols opened 3 years ago

jechols commented 3 years ago

Operating System

Windows

Browser

Edge

Affected page

Homepage

Admin user?

Yes

Issue Description

I don't think there's a WCAG requirement for this, but generally speaking all-caps text is overused on the site and makes some text very difficult to read. I'm guessing this is a branding decision, but it's a good idea to revisit it. There are a lot of known problems with all-caps text for usability, but there's also some concern that the usability problems are significantly worse for people with certain cognitive impairments.

Looking at the homepage, above the fold there are already five pieces of text in all caps. If you expand "MY ACCOUNT", you see another four. There's The list of featured collections is headed with "FEATURED COLLECTIONS", and each collection tells you how many "ITEMS" it has with a link to "VIEW ALL".

Suggested Fix

For usability, especially for users with low vision (zooming can make all-caps text more "squished") or cognitive disabilities (for instance dyslexia), I'd like to see fewer places where everything is capitalized.

https://accessibility.huit.harvard.edu/design-readability

Can anybody QA or does this need an expert?

Anybody

QA Steps

This is more of a discussion than anything else, so QA is premature to mention I think

jechols commented 3 years ago

This is presenting some problems with NVDA now that I didn't catch before. Even when CSS is used to transform things to uppercase, NVDA chooses to read the transformed text rather than the original, so "Contact Us" is being read as "Contact U S" (as in the country).

This may cause problems with link purpose / link identification that become failures without some kind of remediation.

jsimic commented 2 years ago

POSM would like some ideas from @azle

jsimic commented 2 years ago

POSM reviewed Azle's suggestions and approved. Azle will update wireframes for Features to work from.

azle commented 1 year ago

Completed: https://drive.google.com/drive/folders/1hSdrU-pAta3OsmbwtNHflB1NjIpFBSmX