226918 2021-06-11 06:00:06 -0700 AX: CSS list-style influences role/semantics 2021-08-10 17:41:48 -0700 1 1 1 Unclassified WebKit Accessibility Safari 14 iPhone / iPad iOS 14 RESOLVED WONTFIX InRadar P2 Normal --- 1 jeff.smith webkit-unassigned jcraig webkit-bug-importer oldest_to_newest 1768916 0 jeff.smith 2021-06-11 06:00:06 -0700 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. 1768917 1 webkit-bug-importer 2021-06-11 06:00:20 -0700 <rdar://problem/79194628> 1783368 2 jcraig 2021-08-10 17:36:28 -0700 Accidentally closed without comment. Standby while I find the link. 1783370 3 jcraig 2021-08-10 17:41:48 -0700 Here's the explanation thread... https://twitter.com/cookiecrook/status/1337226933822603270