I'm trying to resolve the 1 Missing Link and 2 Empty links reported at https://wave.webaim.org/report#/www.aces-project.com by adding aria-hidden=true to #lightbox, because it is hidden from sighted users with all nested elements, but why is Wave ignoring this?
on my original code at www.aces-project.com, you'll find
The following is from Mozilla Developer Documentation:
DescriptionAdding aria-hidden="true" to an element removes that element and all of its children from the accessibility tree. This can improve the experience for assistive technology users by hiding:
According to the fourth rule of ARIA, aria-hidden="true" should not be used on a focusable element. Additionally, since this attribute is inherited by an element's children, it should not be added onto the parent or ancestor of a focusable element.
- purely decorative content, such as icons or images
- duplicated content, such as repeated text
- offscreen or collapsed content, such as menus
Using aria-hidden="false" will not re-expose the element to assistive technology if any of its parents specify aria-hidden="true".