Problem/Motivation
Drupal core themes make use of uppercase text in some parts of the design. Seven uses uppercase for table headers, details/summary headers, view UI configuration sections, and a few other places like the status report.
Uppercase can be more difficult to read than lowercase text. Users with dyslexia may be especially impacted by this, but it affects everyone to a degree. (Just think of what the message list looks like in your email spam folder....)
Proposed resolution
Stop using uppercase text in our core themes. The places were it is used typically have some other visual affordance to stress them, e.g.
- Config section headings in Views UI are large and bold, so they would still be prominent without uppercase.
- Table headers are identified by position, borders, and a slightly darker background
- Collapsible details/summary have borders, and a disclosure triangle icon.
- The summary tiles at the start of the status report page have big text, and icons.
- The long list on the status report page is divided into left-right regions; headers are on the left, details on the right. At small screen sizes, these are collapsible details.
Remaining tasks
Assess extent of all-caps text in UI.
Remove text-transform: uppercase from various stylesheets.
Patch
User interface changes
Minor design changes, intended to make some UI text easier to understand, especially for users with dyslexia.
API changes
None.
Data model changes
None.
Commit credits needed
This issue started as a discussion in the #accessibility Slack channel. Participants' Slack names:
ttamniwdoog, jhodgdon, donnabungard, cehfisher, mgifford, rachelolivero