General: A11y: Remove obsolete speak and aural CSS.

Remove instances of `speak: never` and `@media aural`, which are deprecated and/or non-standard CSS. These never had any broad browser support, but generated content alternatives do. See #40428.

Props krokodok, audrasjb, joedolson.
Fixes #63603.

git-svn-id: https://develop.svn.wordpress.org/trunk@60885 602fd350-edb4-49c9-b593-d223f7449a82

Author: joedolson

src/js/_enqueues/vendor/thickbox/thickbox.css

@@ -134,9 +134,8 @@
 }
 
 .tb-close-icon:before {
-	content: "\f158";
+	content: "\f158" / '';
 	font: normal 20px/29px dashicons;
-	speak: never;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }

src/wp-admin/css/admin-menu.css

@@ -503,13 +503,12 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #collapse-button .collapse-button-icon:after {
-	content: "\f148";
+	content: "\f148" / '';
 	display: block;
 	position: relative;
 	top: 7px;
 	text-align: center;
 	font: normal 20px/1 dashicons !important;
-	speak: never;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }

src/wp-admin/css/colors/_admin.scss

@@ -68,7 +68,7 @@ span.wp-media-buttons-icon:before {
 /* Forms */
 
 input[type=checkbox]:checked::before {
-	content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27#{url-friendly-colour(variables.$form-checked)}%27%2F%3E%3C%2Fsvg%3E");
+	content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27#{url-friendly-colour(variables.$form-checked)}%27%2F%3E%3C%2Fsvg%3E") / '';
 }
 
 input[type=radio]:checked::before {

src/wp-admin/css/common.css

@@ -559,7 +559,7 @@ code {
 }
 
 .js-update-details-toggle[aria-expanded="true"] .dashicons::before {
-	content: "\f142";
+	content: "\f142" / '';
 }
 
 .no-js .widefat thead .check-column input,
@@ -805,10 +805,9 @@ img.emoji {
 .notice-dismiss:before {
 	background: none;
 	color: #787c82;
-	content: "\f153";
+	content: "\f153" / '';
 	display: block;
 	font: normal 16px/20px dashicons;
-	speak: never;
 	height: 20px;
 	text-align: center;
 	width: 20px;
@@ -1133,7 +1132,7 @@ th.action-links {
 }
 
 .wp-filter .drawer-toggle:before {
-	content: "\f111";
+	content: "\f111" / '';
 	margin: 0 5px 0 0;
 	color: #646970;
 	font: normal 16px/1 dashicons;
@@ -1525,11 +1524,10 @@ div.error {
 
 #plugin-information-footer .update-now:not(.button-disabled):before {
 	color: #d63638;
-	content: "\f463";
+	content: "\f463" / '';
 	display: inline-block;
 	font: normal 20px/1 dashicons;
 	margin: -3px 5px 0 -2px;
-	speak: never;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 	vertical-align: middle;
@@ -1588,7 +1586,7 @@ div.error {
 .button.installing:before,
 .button.activating-message:before {
 	color: #d63638;
-	content: "\f463";
+	content: "\f463" / '';
 }
 
 /* Spins the update icon. */
@@ -1624,13 +1622,13 @@ div.error {
 .button.updated-message:before,
 .button.activated-message:before {
 	color: #68de7c;
-	content: "\f147";
+	content: "\f147" / '';
 }
 
 /* Error icon. */
 .update-message.notice-error p:before {
 	color: #d63638;
-	content: "\f534";
+	content: "\f534" / '';
 }
 
 .wrap .notice p:before,
@@ -1752,15 +1750,6 @@ p.auto-update-status {
 	transition-timing-function: ease-in-out;
 }
 
-@media aural {
-	.wrap .notice p:before,
-	.button.installing:before,
-	.button.installed:before,
-	.update-message p:before {
-		speak: never;
-	}
-}
-
 
 /* @todo: this does not need its own section anymore */
 /*------------------------------------------------------------------------------
@@ -1848,9 +1837,8 @@ p.auto-update-status {
 
 #screen-meta-links .show-settings:after {
 	right: 0;
-	content: "\f140";
+	content: "\f140" / '';
 	font: normal 20px/1 dashicons;
-	speak: never;
 	display: inline-block;
 	padding: 0 5px 0 0;
 	bottom: 2px;
@@ -1862,7 +1850,7 @@ p.auto-update-status {
 }
 
 #screen-meta-links .screen-meta-active:after {
-	content: "\f142";
+	content: "\f142" / '';
 }
 
 /* end screen options and help tabs */
@@ -2683,19 +2671,19 @@ div.star-holder .star-rating {
 }
 
 .star-rating .star-full:before {
-	content: "\f155";
+	content: "\f155" / '';
 }
 
 .star-rating .star-half:before {
-	content: "\f459";
+	content: "\f459" / '';
 }
 
 .rtl .star-rating .star-half {
 	transform: rotateY(180deg);
 }
 
 .star-rating .star-empty:before {
-	content: "\f154";
+	content: "\f154" / '';
 }
 
 div.action-links {
@@ -3186,9 +3174,8 @@ div.action-links {
 }
 
 .plugin-details-modal #TB_closeWindowButton:after {
-	content: "\f335";
+	content: "\f335" / '';
 	font: normal 32px/29px 'dashicons';
-	speak: never;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }
@@ -3213,10 +3200,9 @@ img {
 .meta-box-sortables .postbox .order-lower-indicator::before,
 .bulk-action-notice .toggle-indicator::before,
 .privacy-text-box .toggle-indicator::before {
-	content: "\f142";
+	content: "\f142" / '';
 	display: inline-block;
 	font: normal 20px/1 dashicons;
-	speak: never;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 	text-decoration: none;
@@ -3226,16 +3212,16 @@ img {
 .meta-box-sortables .postbox.closed .handlediv .toggle-indicator::before,
 .bulk-action-notice .bulk-action-errors-collapsed .toggle-indicator::before,
 .privacy-text-box.closed .toggle-indicator::before {
-	content: "\f140";
+	content: "\f140" / '';
 }
 
 .postbox .handle-order-higher .order-higher-indicator::before {
-	content: "\f343";
+	content: "\f343" / '';
 	color: inherit;
 }
 
 .postbox .handle-order-lower .order-lower-indicator::before {
-	content: "\f347";
+	content: "\f347" / '';
 	color: inherit;
 }
 
@@ -3358,10 +3344,10 @@ img {
 	pointer-events: none;
 }
 [role="treeitem"][aria-expanded="false"] > .folder-label .icon:after {
-	content: "\f139";
+	content: "\f139" / '';
 }
 [role="treeitem"][aria-expanded="true"] > .folder-label .icon:after {
-	content: "\f140";
+	content: "\f140" / '';
 }
 [role="treeitem"] .folder-label {
 	display: block;
@@ -3576,9 +3562,8 @@ img {
 .wp-customizer .control-section .accordion-section-title:after,
 .wp-customizer .accordion-section-title:after,
 .widget-top .widget-action .toggle-indicator:before {
-	content: "\f140";
+	content: "\f140" / '';
 	font: normal 20px/1 dashicons;
-	speak: never;
 	display: block;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
@@ -3625,7 +3610,7 @@ img {
 .nav-menus-php .menu-item-edit-active .item-edit:before,
 .widget.open .widget-top .widget-action .toggle-indicator:before,
 .widget.widget-in-question .widget-top .widget-action .toggle-indicator:before {
-	content: "\f142";
+	content: "\f142" / '';
 }
 
 /*!

src/wp-admin/css/customize-controls.css

@@ -850,7 +850,7 @@ h3.customize-section-title {
 		transition:
 			color .15s ease-in-out,
 			border-color .15s ease-in-out,
-			background .15s ease-in-out;	
+			background .15s ease-in-out;
 	}
 }
 
@@ -1359,7 +1359,6 @@ p.customize-section-description {
 .customize-control .dropdown-arrow:after {
 	content: "\f140" / '';
 	font: normal 20px/1 dashicons;
-	speak: never;
 	display: block;
 	padding: 0;
 	text-indent: 0;

src/wp-admin/css/customize-nav-menus.css

@@ -320,10 +320,9 @@
 
 .wp-customizer .menu-item .item-edit .toggle-indicator:before,
 #available-menu-items .accordion-section-title .toggle-indicator:before {
-	content: "\f140";
+	content: "\f140" / '';
 	display: block;
 	padding: 1px 2px 1px 0;
-	speak: never;
 	border-radius: 50%;
 	color: #787c82;
 	font: normal 20px/1 dashicons;

src/wp-admin/css/dashboard.css

@@ -338,7 +338,6 @@
 #dashboard_right_now .search-engines-info:before {
 	color: #646970;
 	font: normal 20px/1 dashicons;
-	speak: never;
 	display: inline-block;
 	padding: 0 10px 0 0;
 	position: relative;
@@ -353,55 +352,55 @@
 /* @deprecated 5.9.0 -- Icons removed from welcome panel. */
 .welcome-panel .welcome-write-blog:before,
 .welcome-panel .welcome-edit-page:before {
-	content: "\f119";
+	content: "\f119" / '';
 	top: -3px;
 }
 
 /* @deprecated 5.9.0 -- Icons removed from welcome panel. */
 .welcome-panel .welcome-add-page:before {
-	content: "\f132";
+	content: "\f132" / '';
 	top: -1px;
 }
 
 /* @deprecated 5.9.0 -- Icons removed from welcome panel. */
 .welcome-panel .welcome-setup-home:before {
-	content: "\f102";
+	content: "\f102" / '';
 	top: -1px;
 }
 
 /* @deprecated 5.9.0 -- Icons removed from welcome panel. */
 .welcome-panel .welcome-view-site:before {
-	content: "\f115";
+	content: "\f115" / '';
 	top: -2px;
 }
 
 /* @deprecated 5.9.0 -- Icons removed from welcome panel. */
 .welcome-panel .welcome-widgets-menus:before {
-	content: "\f116";
+	content: "\f116" / '';
 	top: -2px;
 }
 
 /* @deprecated 5.9.0 -- Icons removed from welcome panel. */
 .welcome-panel .welcome-widgets:before {
-	content: "\f538";
+	content: "\f538" / '';
 	top: -2px;
 }
 
 /* @deprecated 5.9.0 -- Icons removed from welcome panel. */
 .welcome-panel .welcome-menus:before {
-	content: "\f163";
+	content: "\f163" / '';
 	top: -2px;
 }
 
 /* @deprecated 5.9.0 -- Icons removed from welcome panel. */
 .welcome-panel .welcome-comments:before {
-	content: "\f117";
+	content: "\f117" / '';
 	top: -1px;
 }
 
 /* @deprecated 5.9.0 -- Icons removed from welcome panel. */
 .welcome-panel .welcome-learn-more:before {
-	content: "\f118";
+	content: "\f118" / '';
 	top: -1px;
 }
 
@@ -560,7 +559,7 @@
 }
 
 .community-events .ce-separator::before {
-	content: "\2022";
+	content: "\2022" / '';
 }
 
 .event-icon {
@@ -575,10 +574,10 @@
 	font-size: 18px;
 }
 .event-meetup .event-icon:before {
-	content: "\f484";
+	content: "\f484" / '';
 }
 .event-wordcamp .event-icon:before {
-	content: "\f486";
+	content: "\f486" / '';
 }
 
 .community-events .event-title {

src/wp-admin/css/edit.css

@@ -493,7 +493,6 @@ form#tags-filter {
 #post-body .misc-pub-response-to:before,
 #post-body .misc-pub-comment-status:before {
 	font: normal 20px/1 dashicons;
-	speak: never;
 	display: inline-block;
 	margin-left: -1px;
 	padding-right: 3px;
@@ -1203,7 +1202,6 @@ form#tags-filter {
 	margin-right: 7px;
 	color: #dcdcde;
 	font: normal 20px/1 dashicons;
-	speak: never;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }

src/wp-admin/css/forms.css

@@ -168,7 +168,6 @@ input[type="radio"]:checked::before {
 	display: inline-block;
 	vertical-align: middle;
 	width: 1rem;
-	speak: never;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }