Better text description of large/small text

joedolson · Jun 25, 2022 · aad5ba9 · aad5ba9
1 parent 886b9aa
commit aad5ba9
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/css/wpa-styles.css b/src/css/wpa-styles.css
@@ -26,7 +26,7 @@
 	column-gap: 20px;
 	row-gap: 20px;
 	align-items: start;
-	margin-bottom: .5em;
+	margin-bottom: 1em;
 }
 
 .notice .views p {

diff --git a/src/wp-accessibility-settings.php b/src/wp-accessibility-settings.php
@@ -537,10 +537,10 @@ function wpa_admin_settings() {
 									$results .= '</p>';
 									$results .= "
 							<div class=\"views\">
-								<p class='large' style=\"color: #$hex1;background: #$hex2\">Large Print Example</p>
-								<p class='small' style=\"color: #$hex1;background: #$hex2\">Small Print Example</p>
-								<p class='large' style=\"color: #$hex2;background: #$hex1\">Large Print Example (Inverted)</p>
-								<p class='small' style=\"color: #$hex2;background: #$hex1\">Small Print Example (Inverted)</p>
+								<p class='large' style=\"color: #$hex1;background: #$hex2\">Large Text (24px)</p>
+								<p class='small' style=\"color: #$hex1;background: #$hex2\">Standard Text (18px)</p>
+								<p class='large' style=\"color: #$hex2;background: #$hex1\">Large Text (24px) (Inverted)</p>
+								<p class='small' style=\"color: #$hex2;background: #$hex1\">Standard Text (18px) (Inverted)</p>
 							</div>
 						</div>";
 									echo $results;