Why REM should be your go-to unit for font sizing?
Accessibility Tips and Tricks for Designers and Developers
Why Use REM unit for Accessibility Reasons?
Understanding the impact of using relative units like REM over fixed units like pixels (PX) is crucial for designing with accessibility in mind. Here’s why REM should be your go-to unit for font sizing:
Using REM units ensures fonts are more accessible, providing a scalable unit that adapts to users' preferred text sizes.
PX: No matter the user’s preference, a 16px font size remains 16px
REM: The font size scales according to the user’s preference, and a 1 rem (equivalent to 16px) font size will be scaled as the user changes their settings.
Here’s an example of how PX and REM respond as I increase the font size in the browser settings:
Rem vs PX - 6 June 2024 - Watch Video
Here’s how you can change font size in your browser settings:
Source
If you like to learn more about REM, here is an in-depth explanation video from Flux Academy:
Thank you for subscribing to our elegantly Accessible newsletter. Please feel free to comment or email us at info@elegantlyA.com