Hello WoodMart Team,
I am using the WoodMart theme and I’ve noticed several accessibility issues flagged by Google PageSpeed Insights (Lighthouse) that I would like you to fix in the upcoming update.
Here are the specific issues found:
ARIA Parent/Child Roles: * The tabs component (wd-nav-tabs) has role=”tablist”, but the direct children () have role=”presentation”. This breaks the required relationship because the elements with role=”tab” (the links) are nested too deeply or the hierarchy is incorrect.
The slider pagination items (wd-nav-pagin-item) have role=”option” but are not contained within a parent with role=”listbox”.
Invalid List Structure:
In the tabs section, Lighthouse flags that lists do not contain only elements properly, or the ARIA roles assigned to them conflict with standard HTML list semantics.
Touch Targets: * Some interactive elements (like pagination bullets or mobile menu items) do not have sufficient size or spacing for mobile users.
These issues affect the Accessibility score and make it harder for screen reader users to navigate the site. Could you please look into these ARIA role conflicts and the HTML structure of the tabs and sliders?