Request for Resolution of ARIA Reference Error

Dear FirelightWP Support Team,

I hope this message finds you well. I am writing to bring to your attention an important accessibility issue that has been identified within the FancyBox plugin. It appears that there is a broken ARIA reference in the element with the role of “dialog”. Specifically, the element has an aria-labelledby attribute that refers to an ID which does not exist in the document. This issue could potentially hinder the user experience for those relying on assistive technologies.

Error Details:

• Location: <div id="fancybox-wrap" role="dialog" aria-hidden="true" aria-labelledby="fancybox-title" tabindex="-1">
• Issue: The aria-labelledby="fancybox-title" attribute is intended to provide an accessible name by referring to the element with the ID fancybox-title, which seems to be missing.

Impact: This broken ARIA reference fails to provide necessary contextual information and could make the dialog inaccessible to screen reader users, which contravenes both European and American standards for web accessibility. Given the forthcoming regulatory changes in 2025, ensuring full accessibility compliance is more crucial than ever.

Request: We kindly ask that your team addresses this issue by either:

• Ensuring that an element with the ID fancybox-title exists within the dialog when it is generated, or
• Implementing an alternative approach that complies with accessibility guidelines, such as using the aria-label attribute directly on the dialog element if dynamic labeling is not required.

Accessibility is a pivotal aspect of user experience, crucial for inclusivity and compliance with upcoming legal standards. We appreciate your prompt attention to this matter and look forward to your support in making the FancyBox plugin fully accessible for all users.

Thank you for your cooperation and commitment to improving your products.

Best regards,

Roman Trushanov

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