Accessibility Development - Question | JoomShaper

Accessibility Development

T

TPMH Tiszaújváros

SP Page Builder 1 month ago

Hi!

  1. I'm really glad you care about accessibility. I would like to ask a few important things for this. I use the navigation part of the SP. It looks like this:

    <nav role="navigation" aria-label="Menu">

    But it's all on the page and that's a problem. Each such element should have a unique aria-label.

  2. I found an interesting bug in the HELIX framework. I don't use the framework's menu system. However, it does incorporate the off-canvas menu type into the page. The layout does not contain a module position pointing to a menu. There is no menu type module on the Joomla page. What I'm using is an SP module that has a button group. This is interesting because since off canvas is a hidden element, the menu links must contain aria-hidden="true" (ARIA). I noticed this when I checked the accessibility.

  3. For every element that uses the LINK part, couldn't it be expanded with 1-2 things. For example, aria-label, role, etc.?

  4. ARIA verifiers indicate that several areas are not identified, that the page does not use such markers: Technique ARIA11: Using ARIA landmarks to identify regions of a page. banner, navigation, main, region,form, search,complementary, contentinfo. https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA11

BR Csaba

0
3 Answers
Toufiq
Toufiq
Accepted Answer
Senior Staff 1 month ago #219187

Hi there,

Thank you for reaching out. I think you have select wrong category to before posting your issue. It should Helix instead of SP Page Builder. But, No problem I will share your issue to our developer team.

Best regards,

Toufiqur Rahman (Team Lead, Support)

0
T
TPMH Tiszaújváros
Accepted Answer
4 weeks ago #221020

Hi! It would be possible that in the next version the following correction could be added to my comment in point 1 above:

components\com_sppagebuilder\addons\navigation\site.php line 64

$output .= '<nav role="navigation" aria-label="Menu"><ul id="nav-menu">';

instead of:

$output .= '<nav role="navigation" aria-label="' . $responsive_bar_aria_label . '"><ul id="nav-menu">';

This would solve the unique aria-label.

Br Csaba

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 3 weeks ago #221154

I will share your solution with our team. They will review it and consider it for a future update.

0