Support » Plugin: Accessibility Checker by Equalize Digital » False contrast errors on comment form lables?

  • Resolved Bjarne Oldrup

    (@oldrup)


    Hey!

    What an amazing plugin! It’s so cool to have the accessibility checks right there within the editor, and the detailed descriptions on how to resolve the issues?! Incredible useful. I look forward to updating my content, to make it more accessible.

    Now, I don’t have a lot of errors – which is nice. Some of them I have to look into with the theme developer. Some are just poor alt texts or links.

    However, out of 5 contrast errors, 4 is related to the native WordPress comment form. But when I pass the page using Firefox contrast checker, or the online WAVE report (link: https://wave.webaim.org/report#/https://oldrup.dk/webtilgaengelighed-i-wordpress/), those fields does actually seem to have enough contrast.

    Can this be a “false positive” contrast error? And if so, are there any way to ignore this site wide?

    Kind regards
    Bjarne Oldrup

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Amber Hinds

    (@alh0319)

    Hi Bjarne,

    It is possible that is a false positive. With backend testing (rather than testing on the front end of a webpage like WAVE does), it is more challenging to get an accurate color contrast check. This is something we’re working to improve.

    We can try to run the HTML from your page through our tester and see if there is anything we can do to improve the accuracy of contrast for your specific site. In the meantime, if you have Accessibility Checker Pro, you can create a global ignore that will apply to all current and future pages that have a specific code snippet that is a false positive. You would go to /wp-admin/admin.php?page=accessibility_checker_issues&tab=fast_track (adding your website at the beginning) to review open issues in bulk and create global ignores.

    Thanks for using our plugin and we’re glad you find it helpful! I’ll let you know what we think about the color contrast.

    Thread Starter Bjarne Oldrup

    (@oldrup)

    Thank you so much for your quick reply. Regarding “We can try to run the HTML from your page through our tester and see if there is anything we can do to improve the accuracy of contrast for your specific site” – that would be appreciated. Having the checks right at hand at content creation times, could be very valuable, especially if all issues are “legit” and I don’t start on ignoring them.

    Let me know if I can assist is testing, eg with a different theme or browser.

    Kind regards
    Bjarne

    Plugin Contributor Amber Hinds

    (@alh0319)

    Hi Bjarne,

    I believe that the issue here is that Accessibility Checker is not able to parse through the CSS variables for these particular elements in order to determine if there is a contrast issue or not and as a result a contrast error has been flagged in so that you can manually check it.

    Since we’re doing a backend test that does not require a full front-end page load, color contrast is a lot harder for us to assess with 100% accuracy (especially if JavaScript is changing anything on the front end). CSS variables are particularly difficult to parse through and gather the exact color codes + font sizes. We’re planning to continue working on this and possibly add a front end test to Pro in the future.

    I actually looked at this same page on your website in axe (Deque’s accessibility testing browser extension that is very popular) and it looks like it couldn’t figure out any of the contrast at all, marking 78 items for manual review.

    In this instance, the best solution is to confirm that the color contrast is correct and then just “Ignore” the errors. You can either do this on every page in the free version or can create a global ignore in Pro.

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.