Bug 226918 - AX: CSS list-style influences role/semantics
Summary: AX: CSS list-style influences role/semantics
Status: RESOLVED WONTFIX
Alias: None
Product: WebKit
Classification: Unclassified
Component: Accessibility (show other bugs)
Version: Safari 14
Hardware: iPhone / iPad iOS 14
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2021-06-11 06:00 PDT by Jeff Smith
Modified: 2021-08-10 17:41 PDT (History)
2 users (show)

See Also:

Attachments
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 Jeff Smith 2021-06-11 06:00:06 PDT 
When a UL element is provided with "list-style: none" in CSS, the semantics of the UL element are removed. The UL is not announced as a list by VoiceOver, it's announced as a group of text.

Example: https://codepen.io/jeffsmith/pen/oNZPXGz

Three UL elements are provided in this example:

* The first is a standard UL with no CSS styling.
* The second is a standard UL, with a class added to provide "list-style: none" styling for the list.
* The third is similar to the second, with the explicit role="list" added to the UL element.

The first list is announced as expected, the second and third are announced as a group of text. Presentational elements (CSS) should not be in a position to be influencing the semantics of HTML and how a screen reader announces those semantics.
Comment 1 Radar WebKit Bug Importer 2021-06-11 06:00:20 PDT 
<rdar://problem/79194628>
Comment 2 James Craig 2021-08-10 17:36:28 PDT 
Accidentally closed without comment. Standby while I find the link.
Comment 3 James Craig 2021-08-10 17:41:48 PDT 
Here's the explanation thread... 
https://twitter.com/cookiecrook/status/1337226933822603270