Background & Goal

• Description: Web is creating a configuration interface for reading density (font-size, line height, paragraph margins), as well as page width and night/day mode (T341631).
• History: We don't currently use icons to represent any of these configuration options. The addition of these settings in conjunction with new defaults for the main namespace on Wikipedia will increase the readability of articles for billions of people. Web's work on this is documented in T350195.
• Known use case(s): Web is beginning development on the settings interface on Monday 6 November. We will use a placeholder icon until this task is complete, but this task does block our beta release.
• Considerations: The icon needs to be able to convey reading without a label. The placement of the icon in the UI implies a configuration, so we don't need the icon to represent settings, the settings represent many use cases beyond accessibility, so ideally we wouldn't have an icon that is explicitly an accessibility icon. The intention is that the icon would represent reading or content somehow without being another generic article icon. @DTorsani-WMF and I discussed glasses as a possible icon.

User stories

As a logged in reader with reading theme settings hidden, I want to be able to see a clear iconographic representation of reading theme in the top right bar of Wikipedia on desktop.

Considerations (Optional)

Open questions (Optional)

Proposal

The current icon to represent 'reading theme' or 'appearance' is a pair of glasses.

Design spec

Figma exploration

SVG icon

Acceptance criteria for Done

Design

• The design of the new icon is ready, and it follows our icon system guidelines
• The new icon has been reviewed with help from the DST
• An RTL icon has been created (if needed)
• The icon is recognizable on low DPI resolutions
• The icon has been exported as an optimized SVG and added to this task’s description
• The new icon has been included and published in our Icon System Figma library

Code

• Add icon in Codex
• Add icon in OOUI

Documentation

• Update T141801: WikimediaUI (Codex/OOUI) icon inventory (tracking)