Fixed heights and widths risk 'loss of content' when text is resized.

Anja Petry

HTML

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

Using fixed CSS height or width on buttons, links, or any other text containers can put you at risk of failing WCAG 2.2 Success Criterion 1.4.4 Resize Text. Fixed values can cause the text to get cut off when the text size is increased. Using alternative units like `rem` for font-size and `padding` instead of `width` or `max-width` can ensure that text remains resizable without loss of content or functionality.

Don't Use Fixed CSS height or width on Buttons, Links, or Any Other Text Containers