Bug 229118 - AX: position:absolute; on a <caption> element prevents VoiceOver from reading the table
Summary: AX: position:absolute; on a <caption> element prevents VoiceOver from reading...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Accessibility (show other bugs)
Version: Safari 14
Hardware: iPhone / iPad iOS 14
: P2 Blocker
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2021-08-15 02:51 PDT by a11ybugreportsnz
Modified: 2021-08-15 03:01 PDT (History)
2 users (show)

See Also:


Attachments
A demo of a table caption that causes this bug (1.73 KB, text/html)
2021-08-15 02:51 PDT, a11ybugreportsnz
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description a11ybugreportsnz 2021-08-15 02:51:04 PDT
Created attachment 435561 [details]
A demo of a table caption that causes this bug

If a table has a <caption> element with the CSS rule "position: absolute", VoiceOver cannot read the contents of the table, and gets "stuck".

This mainly occurs when you use the left/right swipe gestures to move the VoiceOver cursor.

It is common to see 'screen reader only' content in websites. This is typically implemented with an '.sr-only' CSS class or similar, such as in Bootstrap.
Most '.sr-only' implementations use the 'position: absolute' CSS rule.
This means, if a content author wants to visually hide a table caption but preserve accessibility for screen readers, this bug will occur - making it impossible to access the table's contents.
Comment 1 Radar WebKit Bug Importer 2021-08-15 02:51:15 PDT
<rdar://problem/81951964>