From df755ff8acaa2afc5cd3ac37cb02e5b27fae4cf7 Mon Sep 17 00:00:00 2001 From: Sergey Biryukov Date: Fri, 31 Jan 2020 03:24:00 +0000 Subject: [PATCH] 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. git-svn-id: https://develop.svn.wordpress.org/trunk@47147 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-admin/css/edit.css | 28 ++++++++++++++++++++++------ 1 file changed, 22 insertions(+), 6 deletions(-) diff --git a/src/wp-admin/css/edit.css b/src/wp-admin/css/edit.css index bfe6dc7c1d..35e4e1eb09 100644 --- a/src/wp-admin/css/edit.css +++ b/src/wp-admin/css/edit.css @@ -729,18 +729,34 @@ form#tags-filter { margin-top: 6px; } +.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; + display: none; } -.wp-suggested-text p { - font-style: italic; +.wp-suggested-text p:not(.privacy-policy-tutorial):not(.wp-policy-help) { + background-color: #fff; + margin: 0; + padding: 1em; } -.wp-suggested-text p.wp-policy-help, /* For back-compat, see #49282 */ -.wp-suggested-text p.privacy-policy-tutorial { - font-style: normal; +.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; } .notice.wp-pp-notice {