View Single Post
Old 05-14-2025, 12:04 AM   #1
Slevin#7
Connoisseur
Slevin#7 began at the beginning.
 
Posts: 72
Karma: 10
Join Date: May 2025
Device: iPad
ARIA Labels for CSS-induced Uppercase?

Hello everybody,

To begin with I should mention that I was told readers may spell UPPERCASE words char by char rather than reading them as one word. So the first advice was to add aria labels for all uppercase words to ensure accessibility for everyone.

Then I've asked the AI of my trust whether to apply aria-label für headlines, which are transformed to UPPERCASE via CSS, or not. What I've got were two different answers within one week.

1. Yes, I have to apply aria-labels, since the reader will parse the visual output rather than the DOM, meaning it will read for e.g. "THE HEADLINE OF LOVE", which may cause problems to some readers which will try to spell the headline char by char.

2. No, no aria-labels required, since the reader pulls the content from the DOM, where the headline resides still in classic title-case, since no CSS is applied yet.

Can someone please help me to understand which is the way to go.
Many thanks in advance for any help

Last edited by Slevin#7; 05-14-2025 at 12:07 AM. Reason: fixed title spelling error
Slevin#7 is offline   Reply With Quote