fix(accessibility): [ACCESSIBILITY 11.4] Common Elements - Font size …

…scaling issues #363 from eea/accessibility-114-scaling-font-size-issues
eea · Jul 12, 2023 · 00dba6e · 00dba6e
2 parents 745efab + 6aced82
commit 00dba6e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/theme/themes/eea/globals/site.overrides b/theme/themes/eea/globals/site.overrides
@@ -4,6 +4,10 @@
 
 @import '@eeacms/volto-eea-design-system/../theme/themes/eea/globals/utilities';
 
+html, body {
+  font-size: @baseFontSize;
+}
+
 // Accessibility outline on focus-visible for every component
 *:focus-visible {
   outline: @focusVisibleOutline;

diff --git a/theme/themes/eea/globals/site.variables b/theme/themes/eea/globals/site.variables
@@ -38,6 +38,9 @@
 /* The size of page text  */
 @fontSize : 16px;
 
+/* Overrides html & body default font-size to enable scaling from browser settings */
+@baseFontSize: 1rem;
+
 
 /*-------------------
     Border Radius