Accessibility Issue – Missing ARIA Reference

[beatricelucaci]

ll. I am reaching out to report an accessibility issue encountered while using FancyBox for WordPress. Below are the details of the problem:

The

element in the FancyBox overlay contains ARIA attributes (aria-labelledby), but the referenced target for the label does not exist.

This inconsistency can lead to accessibility barriers for users who rely on screen readers or other assistive technologies.
To address this issue effectively, I suggest ensuring that the element referenced in the aria-labelledby attribute value exists within the page and provides a proper label or description.

Steps to reproduce the issue:

Trigger the FancyBox overlay.
Inspect the relevant HTML elements.
Note the absence of the referenced target for the ARIA label in the line of code mentioned above.

The issue is flagged by https://wave.webaim.org/ on our website https://www.arbeitslosenselbsthilfe.org/

https://wordpress.org/support/topic/accessibility-issue-missing-aria-reference/

[beatricelucaci]

the user added more info to the ticket:
I could not help but notice another accessibility warning flagged by the respectable tool https://wave.webaim.org/

You can look at the original view by following this link https://wave.webaim.org/report#/https://www.arbeitslosenselbsthilfe.org/bekommen-buergergeld-empfaenger-weihnachtsgeld-vom-jobcenter/

What is the matter:
A positive tabindex value is present.

Why It Matters:
Tabindex values of 1 or greater specify an explicit tab/navigation order for page elements. Because it modifies the default tab order, it can cause confusion and result in decreased keyboard accessibility, it should be avoided.

What To Do:
If the natural tab order is already logical, remove the tabindex. Otherwise, consider restructuring the page so that tabindex is not needed. If tabindex is maintained, ensure that the resulting navigation is logical and complete.

The Algorithm in English:
A tabindex attribute is present and has a positive value.

These lines of code were flagged by wawe.webaim.org:

Could you please review if the use of tabindex in these instances is necessary? If not, it would be beneficial to remove them or ensure the navigation order remains logical and complete.