Priority Support
If you’re a Pro user, please open a support ticket.
We are having an accessibility issue with the Tabbed Content block in regards to the ‘aria-labelledby’ value. The ID for the tab is not matching the value that is being generated for the ‘aria-labelledby’ value. Attached is a screenshot where the tab ID does not match the tabpanel ‘aria-labelledby’ value.
Example:
First Tab:
<div role=”tab” id=”ub-tabbed-content-abef0d1a-add5-42aa-a87d-3eff9d585d99-tab-0” aria-controls=”ub-tabbed-content-abef0d1a-add5-42aa-a87d-3eff9d585d99-panel-0″ aria-selected=”true” class=”wp-block-ub-tabbed-content-tab-title-wrap active” tabindex=”0″>
First Tab Panel:
<div role=”tabpanel” class=”wp-block-ub-tabbed-content-tab-content-wrap active” id=”ub-tabbed-content–panel-0″ aria-labelledby=”ub-tabbed-content–tab-0” tabindex=”0″>
The ‘abef0d1a-add5-42aa-a87d-3eff9d585d99′ is missing from the ‘aria-labeledby’ value.
We are using the free version of Ultimate blocks. Please advise. Thank you!