You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
With a Boxzilla box set to show centered, Google PageSpeed will show an Aria / Accessibility error:
[aria-*] attributes do not match their roles when Box is set to Center
body.home > div#boxzilla-overlay-23
<div aria-modal="true" id="boxzilla-overlay-23" class="boxzilla-overlay boxzilla-23-overlay" style="">
The aria label is applied to the overlay, instead of the box itself and looking at https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-modal I believe it should be applied to the box instead.
However, I tried moving it to the box and I still got the error from Google PageSpeed insights when the box is centered.
Removing the this.overlay.setAttribute('aria-modal', true); when box is centered "solved" the warning...
Now, do you want to be compliant with Aria, or do you want Google to think you are?
The text was updated successfully, but these errors were encountered:
With a Boxzilla box set to show centered, Google PageSpeed will show an Aria / Accessibility error:
The aria label is applied to the overlay, instead of the box itself and looking at https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-modal I believe it should be applied to the box instead.
However, I tried moving it to the box and I still got the error from Google PageSpeed insights when the box is centered.
Removing the this.overlay.setAttribute('aria-modal', true); when box is centered "solved" the warning...
Now, do you want to be compliant with Aria, or do you want Google to think you are?
The text was updated successfully, but these errors were encountered: