Bug 258180 - AX: Some single character elements with pseudo-selector ::first-letter cause unexpected behavior with VoiceOver
Summary: AX: Some single character elements with pseudo-selector ::first-letter cause ...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Accessibility (show other bugs)
Version: Safari 16
Hardware: Mac (Apple Silicon) macOS 13
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-06-15 17:23 PDT by gr3g
Modified: 2023-06-15 17:23 PDT (History)
2 users (show)

See Also:

Attachments
A list of HTML elements that are impacted by this issue (6.99 KB, text/html)
2023-06-15 17:23 PDT, gr3g 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description gr3g 2023-06-15 17:23:48 PDT 
Created attachment 466714 [details]
A list of HTML elements that are impacted by this issue

Report comes from user anecdote: https://front-end.social/@yatil@yatil.social/110547945063364074

When an element containing only one character has the ::first-letter selector applied, we get unexpected behavior with CSS and with Accessibility. 

For some elements, the item is not seen by AT such as VoiceOver. For other elements, the css is not applied (in this example, text-transform:capitalize).
Comment 1 Radar WebKit Bug Importer 2023-06-15 17:23:59 PDT 
<rdar://problem/110870063>