Addressing Accessibility Concerns With Using Fluid Type

The CSS clamp() function is often paired with viewport units for “fluid” font sizing that scales the text up and down at different viewport sizes. As common as this technique is, several voices warn that it opens up situations where text can fail WCAG Success Criterion 1.4.4, which specifies that text should scale up to at least 200% when the user’s browser reaches its 500% maximum zoom level. Max Barvian takes a deep look at the issue and offers ideas to help address it. https://smashingmagazine.com/2023/11/addressing-accessibility-concerns-fluid-type/

Creată 1y | 7 nov. 2023, 21:50:03


Autentifică-te pentru a adăuga comentarii

Alte posturi din acest grup

Building An Offline-Friendly Image Upload System

Poor internet connectivity doesn’t have to mean poor UX. With PWA technologies like IndexedDB, service workers, and the Background Sync API, you can build an offline-friendly image upload system tha

23 apr. 2025, 13:10:14 | Smashing magazine
What Does It Really Mean For A Site To Be Keyboard Navigable

Keyboard navigation is a vital aspect of accessible web design, and a detail-oriented approach is crucial. Prioritizing keyboard navigation prioritizes the user experience for a diverse audience, exte

18 apr. 2025, 14:50:08 | Smashing magazine
Fostering An Accessibility Culture

While there’s no definitive playbook for building an accessibility culture, Dani shares lessons from his experience in shaping it through habits rather than mandates. https://smashingmagazine.com/2025

17 apr. 2025, 13:30:04 | Smashing magazine
Inclusive Dark Mode: Designing Accessible Dark Themes For All Users

Dark mode isn’t just a trendy aesthetic. It’s a gateway to more inclusive digital experiences, but only if designed thoughtfully. Discover how to craft dark modes that don’t just look good but work fo

15 apr. 2025, 15:10:08 | Smashing magazine
Gild Just One Lily

“Gilding the lily” isn’t always bad. In design, a touch of metaphorical gold — a subtle animated transition, a hint of color, or added depth in a drop shadow — can help communicate a level of care and

10 apr. 2025, 16:50:11 | Smashing magazine
Using Manim For Making UI Animations

Animation makes things clearer, especially for designers and front-end developers working on UI, prototypes, or interactive visuals. Manim is a tool that lets you create smooth and dynamic animations,

8 apr. 2025, 18:40:02 | Smashing magazine
How To Build A Business Case To Promote Accessibility In Your B2B Products

When passion for accessibility meets business indifference, what bridges the gap? Gloria Diaz Alonso shares how she turned frustration into strategy — by learning to speak the language of business. ht

4 apr. 2025, 19:30:15 | Smashing magazine