4 min read
|
Saved February 14, 2026
|
Copied!
Do you care about this?
The article introduces a new HTML `meta` tag for text scaling in Chrome Canary, aimed at improving accessibility by respecting users' system text size preferences. It outlines how to implement the tag and offers tips for web developers to support text scaling on their sites.
If you do, here's more
Chrome Canary now supports a new HTML meta tag for text scaling. This feature, proposed by Josh Tumath at the CSS Working Group, allows web developers to respect users' system text size preferences. Currently, many mobile browsers do not accommodate increased text sizes set in accessibility settings. While Safari and Chrome ignore these changes, Firefox for Android implements a full-page zoom, which is different from true text scaling. The `<meta name=text-scale>` tag aims to bridge this gap by letting developers indicate that their site can adapt to user-defined text sizes.
For effective implementation, developers should avoid overriding the default font size in CSS. If they set a fixed size, the text scale feature wonβt work. Instead, keeping the default or using percentage values is recommended. Using font-relative units like `em` and `rem` for text elements ensures proper scaling. However, units like `px` can still be used for non-text elements, such as certain borders. Testing is critical; developers should simulate how their sites look with larger text sizes, especially on smaller devices, to identify layout issues.
Looking ahead, there are considerations to address, such as scaling large text differently from body text. Tumath plans to share more insights at CSS Day 2026 and hopes for broader browser support for this feature later in the year. The need for better text scaling has become apparent as reliance on browser zoom has limited developers' approaches to accessible design.
Questions about this article
No questions yet.