Accessibility Checker Reports False SIA-R113 Errors for Hidden Elements

[MaksimShakavin]

DISCLAIMER: most likely issue is connected to a shadow dom and web-components handling.

When scanning pages with the Siteimprove Accessibility Checker, false "Target Size (Minimum)" errors are reported for elements that are not visible on the page. These elements are reported to have a size of "0.00 x 0.00 pixels." A detailed inspection of these elements reveals that their ancestors have the CSS property "display: none" set, which should exclude them from accessibility checks as they are not rendered.

Steps to Reproduce:

• Navigate to the URL: https://sap.com/
• Use the Siteimprove Accessibility Checker to scan the webpage.
• Observe the reported 2.5.8 Target Size (Minimum) errors.
• Inspect the elements flagged with these errors using browser development tools.
• Confirm that one of their ancestor elements have "display: none" set.

Expected Behavior:

Elements that are not rendered on the page (i.e., those with "display: none" or inside a parent element with "display: none") should not be evaluated for target size compliance under WCAG criteria since they are not visible or operable to users.

[rcj-siteimprove]

@MaksimShakavin, thank you for opening the issue! We are looking into it and will get back to you as soon as we know more 🙂

[Jym77]

Hi @MaksimShakavin this is due to constructed style sheets that we do not currently grab 🙈 We have a fix ready in #1647 I hope to make a new release (v0.87.0) with it next week. The deployment in the extension will take a bit more time, likely later in July.