Bug 165088 – AX: text-transform shouldn’t impact the way text is read in VoiceOver

• Status: NEW
• Component: Accessibility

[Sylvain Gamel]

When a text-transform is applied to text, for example a button, then screen-reader reads the text with text-transform applied, not original semantic value.

This is impacting accessibility of web pages the following way:

- let say you have a button "Add to Cart" in you page.
- CSS ensure that all buttons texts are rendered as uppercase

Expected result:

VoiceOver would read "add to card" as separate words

Real result:

VoiceOver is spelling-out first word "Add" as "A D D".


This behavior is quite confusing for blind users and those using screenreaders.

You can check this example with Voice Over enabled on macOS.

https://jsfiddle.net/sgamel/qyp5avne/

[Radar WebKit Bug Importer]

<rdar://problem/29464756>

[Ida]

Any updates on this one?

Noticed recently that VoiceOver also transforms words into latin numbers if they are styled with text-transform uppercase.

I'm assuming it's related to this bug. If not I'm happy to post a separate bug-report with an example.