Background

See https://www.mediawiki.org/wiki/Reading/Web/Accessibility_for_reading

To enable the distribution of knowledge worldwide, the interface must be easily accessible and readable for all. This includes both the majority as well as individuals with specific needs. As a part of making our interfaces more accessible, we would like to explore allowing users to set their preferred setting for typography and page density.

Scope

This Goal task will include all work required for introducing a setting for typography for logged-in and logged-out users on the mobile and desktop sites

User story

As a reader, I want to change my font size to allow for better accessibility

• Logged in
• Logged out
• Desktop
• Mobile

Sequencing

DONE Phase 1 - ship to beta

• The controls are added in a dropdown in the top right of the screen on desktop (logged in users) T350195
• it's possible to render in the sidebar. T350417 load codex-styles instead of codex-search-styles.
• It should be possible to pin and persist the user settings menu to the right hand side of the screen,

Phase 2 - ship to production

Blocked on T289208 and T335317.

• Implement feature for anonymous users
• Optimize Codex bundle for all users (Blocked on code splitting from DST)
• Upstream the Vector client preferences library to MediaWiki core.
• Render the user settings control in the mobile settings page.
• Remove any associated configuration e.g. wgVectorClientPreferences