a11y: always preset font and background color (#5703)

public-ui · Dec 7, 2023 · dd80bf9 · dd80bf9
2 parents 32ce7c1 + d2efdb1
commit dd80bf9
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 0 deletions.
diff --git a/packages/components/src/components/a11y.css b/packages/components/src/components/a11y.css
@@ -7,6 +7,13 @@
 		 * Minimum size of interactive elements.
 		 */
 		--a11y-min-size: 44px;
+		/*
+		 * No element should be used without a background and font color whose contrast ratio has
+		 * not been checked. By initially setting the background color to white and the font color
+		 * to black, the contrast ratio is ensured and explicit adjustment is forced.
+		 */
+		background-color: white;
+		color: black;
 		/*
 		 * Verdana is an accessible font that can be used without requiring additional loading time.
 		 */

diff --git a/...mes/ecl/snapshots/theme-ecl_ec/snapshot-for-input-file-basic-firefox-darwin.png b/...mes/ecl/snapshots/theme-ecl_ec/snapshot-for-input-file-basic-firefox-darwin.png
diff --git a/...mes/ecl/snapshots/theme-ecl_eu/snapshot-for-input-file-basic-firefox-darwin.png b/...mes/ecl/snapshots/theme-ecl_eu/snapshot-for-input-file-basic-firefox-darwin.png
diff --git a/...es/zoll/snapshots/theme-zollv3/snapshot-for-table-badge-size-firefox-darwin.png b/...es/zoll/snapshots/theme-zollv3/snapshot-for-table-badge-size-firefox-darwin.png