Skip to content

Conversation

@kfranqueiro
Copy link
Contributor

@fstrr had pointed out that the document has some serious legibility issues at 320px:

A screenshot of a mobile viewport showing a single example, where text can barely fit and is effectively writing vertically rather than horizontally.

This is caused by the leading margins we added to guidelines and then further to requirements/assertions, which leaves the minimum viewport with barely any room to write in.

This PR conditionalizes those leading margins so they won't apply on mobile.

A screen of roughly the same area of the page in a mobile viewport, but now the example text has room to fit multiple entire words on each line.

@netlify
Copy link

netlify bot commented Dec 19, 2025

Deploy Preview for wcag3 ready!

Name Link
🔨 Latest commit 32fcd6f
🔍 Latest deploy log https://app.netlify.com/projects/wcag3/deploys/694594f4f3b74a00081ac75e
😎 Deploy Preview https://deploy-preview-436--wcag3.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link

netlify bot commented Dec 19, 2025

Deploy Preview for wcag3-howtos canceled.

Name Link
🔨 Latest commit 32fcd6f
🔍 Latest deploy log https://app.netlify.com/projects/wcag3-howtos/deploys/694594f4a4f78900088903b2

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants