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
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 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>