fix(list): use transparent marker for accessibility

Fixes VPAT-612
vmware-clarity · Oct 6, 2022 · 211baca · 211baca
1 parent 713f763
commit 211baca
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/projects/core/src/list/list.scss b/projects/core/src/list/list.scss
@@ -26,9 +26,11 @@ $list-default-unordered-type: disc;
 %kill-list-styles {
   padding-inline-start: 0 !important;
   margin: 0 !important;
-  // zero-width blank space added to help VoiceOver screen reader read a list-style-type none list
-  list-style: '\200B' !important;
-  list-style-position: inside !important;
+
+  // VoiceOver can't read a list-style-type none list, so use a transparent marker instead
+  li::marker {
+    color: transparent;
+  }
 }
 
 [cds-list] {