RockefellerArchiveCenter / styles

Style Library for the Rockefeller Archive Center
https://styles.rockarch.org
MIT License
0 stars 1 forks source link

Improve screen reader UX for footer heading with line break #156

Closed HaSistrunk closed 1 year ago

HaSistrunk commented 1 year ago

Describe the bug

Line break in footer h2 is read by screen readers with a pause between "Rockefeller" and "Archive Center".

Expected behavior

The screen reader will read the heading all as one heading/phrase with no pause. Propose adjusting the HTML to add an aria-label with the text, and then place the text with the line break in a <span> with aria-hidden="true" on the span.

Additional context

See discussion in DIMES issue with discussion and proposed solution.