fix(safari): restored list-style type for VoiceOver screenreader (#563)

mfranzke · web-flow · commit 0c640131f083 · 2024-08-30T09:34:15.000Z
diff --git a/source/_patterns/icons/_icons.demonstration.scss b/source/_patterns/icons/_icons.demonstration.scss
@@ -1,7 +1,7 @@
 .DO-NOT-COPY-THIS-CLASS-example-icon-list {
 	&,
 	ol {
-		list-style: none;
+		list-style-type: "";
 
 		padding-left: 0;
 	}
@@ -36,7 +36,7 @@
 			}
 			// … and using some other declaration for Mozilla Firefox
 			&:first-of-type {
-				list-style-type: none;
+				list-style-type: "";
 			}
 
 			figure {
diff --git a/source/_patterns/logo/_logo.demonstration.scss b/source/_patterns/logo/_logo.demonstration.scss
@@ -1,5 +1,5 @@
 .DO-NOT-COPY-THIS-CLASS-example-logo-list {
-	list-style: none;
+	list-style-type: "";
 
 	padding-left: 0;
 
diff --git a/source/css/pattern-scaffolding.css b/source/css/pattern-scaffolding.css
@@ -29,7 +29,7 @@
 }
 
 .sg-colors {
-	list-style: none !important;
+	list-style-type: "" !important;
 	padding: 0 !important;
 	margin: 0 !important;
 	display: grid;

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`.DO-NOT-COPY-THIS-CLASS-example-icon-list {`
`2`	`2`	`&,`
`3`	`3`	`ol {`
`4`		`- list-style: none;`
	`4`	`+ list-style-type: "";`
`5`	`5`
`6`	`6`	`padding-left: 0;`
`7`	`7`	`}`
`@@ -36,7 +36,7 @@`
`36`	`36`	`}`
`37`	`37`	`// … and using some other declaration for Mozilla Firefox`
`38`	`38`	`&:first-of-type {`
`39`		`- list-style-type: none;`
	`39`	`+ list-style-type: "";`
`40`	`40`	`}`
`41`	`41`
`42`	`42`	`figure {`