Skip to content

Reformat tables out of Understanding 1.4.11#4960

Open
adampage wants to merge 8 commits intow3c:mainfrom
adampage:4641-reformat-1.4.11-understanding
Open

Reformat tables out of Understanding 1.4.11#4960
adampage wants to merge 8 commits intow3c:mainfrom
adampage:4641-reformat-1.4.11-understanding

Conversation

@adampage
Copy link
Member

@adampage adampage commented Feb 27, 2026 •
edited
Loading

Resolves #4641.

Deploy preview

Wide viewport

Before After
A desktop screencap of the page before this PR, in which several examples and their supporting descriptions are arranged in a table. A desktop screencap of the page after this PR, in which several examples and their supporting descriptions are arranged in a 3-column grid

Narrow viewport

Before After
A mobile screencap of the page before this PR, in which several examples and their supporting descriptions are arranged in a table that is cropped by the right edge of the viewport. A mobile screencap of the page before this PR, in which several examples and their supporting descriptions are arranged in a single, uncropped column.

@adampage adampage self-assigned this Feb 27, 2026
@netlify
Copy link

netlify bot commented Feb 27, 2026 •
edited
Loading

✅ Deploy Preview for wcag2 ready!

Name Link
🔨 Latest commit b06bca8
🔍 Latest deploy log https://app.netlify.com/projects/wcag2/deploys/69b436215a405d0008ffc7d4
😎 Deploy Preview https://deploy-preview-4960--wcag2.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.

@adampage adampage marked this pull request as ready for review February 27, 2026 01:29
@adampage adampage mentioned this pull request Feb 27, 2026
Open
@patrickhlauke
Copy link
Member

patrickhlauke commented Feb 27, 2026

i quite like the proposed grid look. much more user-friendly for a visual user

@bruce-usab
Copy link
Contributor

bruce-usab commented Feb 27, 2026

Discuss on TF call 27 Feb, looking very promising. Feedback provided to @adampage and PR moved back to In Progress.

@adampage
Copy link
Member Author

adampage commented Mar 4, 2026

Heya @patrickhlauke / @kfranqueiro / @bruce-usab, I’ve made a couple follow-up tweaks — please have a look?

@fstrr
Copy link
Contributor

fstrr commented Mar 4, 2026

Instead of a heading that says "Passing User Interface Component Examples" and then one that says "Examples with Insufficient Contrast", could the second heading say "Failing User Interface Component Examples" (which is what the current page has)?

@adampage
Copy link
Member Author

adampage commented Mar 5, 2026

Oof, yes, this was my mistake, thanks for catching that, @fstrr.

While restructuring the markup, I re-typed that heading from memory, or so I thought. 🤦🏻 I’ve restored the original text.

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

Reviewers

No reviews

Assignees

@adampage adampage

Labels

1.4.11 Non-text contrast Design & Layout Substantive Understanding

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

At narrow viewports, Understanding SC 1.4.11 has undesirable horizontal scrolling overflow

5 participants

@adampage @patrickhlauke @bruce-usab @fstrr @kfranqueiro