Skip to content

Fix WCAG 1.4.4 — use relative font-size on html root to respect browser font preferences#2609

Open
varadekd wants to merge 1 commit into
developfrom
feature/4147_font_zomming_browser
Open

Fix WCAG 1.4.4 — use relative font-size on html root to respect browser font preferences#2609
varadekd wants to merge 1 commit into
developfrom
feature/4147_font_zomming_browser

Conversation

@varadekd

Copy link
Copy Markdown
Contributor

Fix WCAG 1.4.4 — use relative font-size on html root to respect browser font preferences

Replaces hardcoded px font-size values on the html root and three component-scoped overrides (.search-results, .dashboard, .at-twenty) with
relative units. Users on the default 16px browser setting see no visual change (125% × 16px = 20px). Users who have set a larger font size in
their browser preferences will now have that preference respected, as required by WCAG 2.2 AA criterion 1.4.4 (Resize Text).

Files changed

  • cms/sass/base/_general.scss — 20px → 125%, 18px → 112.5% (mobile)
  • cms/sass/components/_search-results.scss — 20px → 1rem, 18px → 0.9rem
  • cms/sass/themes/_dashboard.scss — 18px → 0.9rem
  • cms/sass/themes/_timeline.scss — 20px → 1rem

This PR...

  • has scripts to run
  • has migrations to run
  • adds new infrastructure
  • changes the CI pipeline
  • affects the public site
  • affects the editorial area
  • affects the publisher area
  • affects the monitoring

Developer Checklist

Developers should review and confirm each of these items before requesting review

  • Code meets acceptance criteria from issue
  • Unit tests are written and all pass
  • User Test Scripts (if required) are written and have been run through
  • Project's coding standards are met
    • No deprecated methods are used
    • No magic strings/numbers - all strings are in constants or messages files
    • ES queries are wrapped in a Query object rather than inlined in the code
    • Where possible our common library functions have been used (e.g. dates manipulated via dates)
    • Cleaned up commented out code, etc
    • Urls are constructed with url_for not hard-coded
  • Code documentation and related non-code documentation has all been updated
  • Migation has been created and tested
  • There is a recent merge from develop

Reviewer Checklist

Reviewers should review and confirm each of these items before approval
If there are multiple reviewers, this section should be duplicated for each reviewer

  • Code meets acceptance criteria from issue
  • Unit tests are written and all pass
  • User Test Scripts (if required) are written and have been run through
  • Project's coding standards are met
    • No deprecated methods are used
    • No magic strings/numbers - all strings are in constants or messages files
    • ES queries are wrapped in a Query object rather than inlined in the code
    • Where possible our common library functions have been used (e.g. dates manipulated via dates)
    • Cleaned up commented out code, etc
    • Urls are constructed with url_for not hard-coded
  • Code documentation and related non-code documentation has all been updated
  • Migation has been created and tested
  • There is a recent merge from develop

Testing

List user test scripts that need to be run

List any non-unit test scripts that need to be run by reviewers

Deployment

What deployment considerations are there? (delete any sections you don't need)

Configuration changes

What configuration changes are included in this PR, and do we need to set specific values for production

Scripts

What scripts need to be run from the PR (e.g. if this is a report generating feature), and when (once, regularly, etc).

Migrations

What migrations need to be run to deploy this

Monitoring

What additional monitoring is required of the application as a result of this feature

New Infrastructure

What new infrastructure does this PR require (e.g. new services that need to run on the back-end).

Continuous Integration

What CI changes are required for this

@varadekd
varadekd requested a review from amdomanska June 25, 2026 07:25
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants