Skip to content

Conversation

@fstrr
Copy link
Contributor

@fstrr fstrr commented Oct 11, 2025

closes #2433
closes #3447
closes #4227
xref #2434
xref #4274

I stumbled across #3231, which got close to the finish line and then got forgotten about. It seems that the issues it was aiming to close are still open and there was an appetite to clean up C42 and create a new technique for Target Size (Enhanced), so I created a new branch and copied the old code into that, which seemed easier than dealing with two years of merge conflicts.

This PR:

  1. Adds a new technique for Target Size Enhanced, which is essentially the work that was done in PR 3231
  2. Updates C42:
    1. Replaces the PNGs with SVGs
    2. Removes one of the two examples—they're pretty similar
    3. Removes the "search results" content from the examples as they weren't relevant
    4. Removes example references to the 44px / AAA requirements

@kfranqueiro When things get approved, all the various links will need updating. I tried to work out how everything works now so I could prep things with placeholder links, but where there was once simple HTML, there's now JSON and XML that should make sense, but doesn't (at the moment).

Preview links:

fstrr added 9 commits October 11, 2025 11:54
Revisiting [PR 3231](#3231), which was left in a “this could still be useful but has loads of merge conflicts” state.
so it’s easier to find
- multiple issues commenting that the 44px references relate to the Enhanced example so should be removed or changed. This update removes references to the AAA 44px requirement.
- remove the first example - we don’t need two really similar examples for this.
- remove the “search navigation” in the image (and working example) as it wasn’t relevant.
- remove some `xml:space` attributes.
- remove cruft: editors css link, metadata section
@netlify
Copy link

netlify bot commented Oct 11, 2025

Deploy Preview for wcag2 ready!

Name Link
🔨 Latest commit 7c47d56
🔍 Latest deploy log https://app.netlify.com/projects/wcag2/deploys/68ee6144b268330008adbdf9
😎 Deploy Preview https://deploy-preview-4685--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.

@patrickhlauke
Copy link
Member

patrickhlauke commented Oct 12, 2025

@fstrr is there an actual change to the base.css here? or should it be removed from the PR? I removed it from this PR, as I think the only change that was there was some (unintended?) whitespace tweak

These were reversed - test for 44px for C42, test for undersized for the new 44px one

Also, the "hasn't had its size changed" was wrong. it should be "HAS had its size changed"
Copy link
Member

@patrickhlauke patrickhlauke left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Left a few code suggestions to make the title for C42 and its working example more explicit.

Some wording and the test/expected results were the wrong way around for C42 and the new technique, and some of the wording was off. I was bold enough to push a fix to that directly here.

Apart from that (and my suggestion for more explicit title, and possibly making C42 example even more "just barely passes"), this looks good to me

@fstrr
Copy link
Contributor Author

fstrr commented Oct 12, 2025

@patrickhlauke Thanks for those edits. I didn't touch base.css, so I'm unsure about your comment about that one. It I look at my commit history locally, I don't see a reference to it, which would make sense as I didn't open it.

  1. Sure, I can knock down the 36px to 24px.
  2. I was also thinking that the technique for Enhanced is basically the same as for Minimum. And while that's okay, would a different example be better? Take a look at this pagination bar using grid and let me know what you think.

@fstrr
Copy link
Contributor Author

fstrr commented Oct 13, 2025

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

Projects

None yet

3 participants