Accessibility development - Forum | JoomShaper
Solved SP Page Builder

Accessibility development

Asked by TPMH Tiszaújváros 7 months ago Last activity 6 months 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

Accepted answer

Marked as the solution
Toufiq Senior Staff

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)

1 more reply

TPMH Tiszaújváros Asked this

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

Toufiq Senior Staff

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

Log in to reply.