Changeset 47147

Timestamp:

01/31/2020 03:24:00 AM (5 years ago)

Author:

SergeyBiryukov

Message:

Accessibility: Privacy: Improve the readability of the suggested text in Privacy Policy Guide.

Per WCAG 2.0 guidelines, big chunks of italic text should be avoided for better accessibility.

Props birgire, sabernhardt, xkon, garrett-eclipse, melchoyce, karmatosed, afercia, jepperask, SergeyBiryukov.
Fixes #44621. See #47327.

File:

• trunk/src/wp-admin/css/edit.css (modified) (1 diff)

trunk/src/wp-admin/css/edit.css

@@ -730 +730 @@
 }
 
+.hide-privacy-policy-tutorial {
+    background-color: #fff;
+}
+
 .hide-privacy-policy-tutorial .wp-policy-help, /* For back-compat, see #49282 */
 .hide-privacy-policy-tutorial .privacy-policy-tutorial {
-    visibility: hidden;
-}
-
-.wp-suggested-text p {
-    font-style: italic;
-}
-
-.wp-suggested-text p.wp-policy-help, /* For back-compat, see #49282 */
-.wp-suggested-text p.privacy-policy-tutorial {
-    font-style: normal;
+    display: none;
+}
+
+.wp-suggested-text p:not(.privacy-policy-tutorial):not(.wp-policy-help) {
+    background-color: #fff;
+    margin: 0;
+    padding: 1em;
+}
+
+.wp-suggested-text p:not(.privacy-policy-tutorial):not(.wp-policy-help) + p:not(.privacy-policy-tutorial):not(.wp-policy-help) {
+    padding-top: 0;
+}
+
+.hide-privacy-policy-tutorial p:not(.privacy-policy-tutorial):not(.wp-policy-help) {
+    margin: 1em 0;
+    padding: 0;
+}
+
+strong.wp-policy-help, /* For back-compat, see #49282 */
+strong.privacy-policy-tutorial {
+    display: block;
+    margin: 0 0 1em;
 }