Accessibility: missing space on menu HTML

  • Resolved jackrus60

    (@jackrus60)


    2 years, 4 months ago

    I’ve run into a small issue with accessibility with the Neve main navigation.

    The error is “No space between attributes.”

    The generated HTML looks like:

    <div role=”none”tabindex=”-1″ class=”caret-wrap 2″ style=”margin-left:5px;”>
    ^
    Would it be possible for you to update the inc/views/nav_walker.php file (line 136) and insert a space after the role=”none” parameter? THe lack of space generates accessbility error on accessbility/section 508 scanners.

    Here is line 136. There is no space after role=”none” parameter.

    $caret = ‘<div role=”none”‘ . $expanded . ‘ class=”caret-wrap ‘ . $item->menu_order . ‘” style=”‘ . esc_attr( $caret_wrap_css ) . ‘”>’;

    Thanks!
    Rick

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi @jackrus60,

    Thanks for choosing Neve!

    Please make sure you use the latest version of the theme. I checked the code on Chrome, Edge and Firefox and the space is there on my test instance – screenshot.

    Thanks!

    Thread Starter jackrus60

    (@jackrus60)

    thanks! I checked and I do have the most recent version of the Neve theme (which I really like). The space will appear if viewed using the Chrome/Firefox developer tools (the tool understands that there should be a space so it inserts it when viewing like you did in the screenshot). I did the same thing when the accessbility took complained about it.

    However, if you view the source code of the page, you will see that the space is indeed missing and that is what is generating the accessibility error. Does that make sense?

    <div role=”none”tabindex=”-1″ class=”caret-wrap 2″ style=”margin-left:5px;”><span class=”caret”>

    Kush

    (@kushnamdev)

    Hey @jackrus60,

    Thanks for posting about this.

    We are sorry for the inconvenience. I have reported this to our developer’s team and this will most likely be fixed in the next Update. Meanwhile, on a temporary basis and if that’s urgent then you can do this on your site on your own. Go to Appearance > Theme file editor and navigate to the nav_walker.php file and add an extra space in line 136 after role=”none” parameter, see here https://vertis.d.pr/i/Dxz77j

    Thanks for reporting and being an active community member.
    Have a great day!

    Thread Starter jackrus60

    (@jackrus60)

    No problem! Thank you for taking the time to look at the issue. I manually updated the nav_walker.php file and resolved the issue (temporarily) and passed the accessibility test. Appreciate your support!

    Kush

    (@kushnamdev)

    Hey @jackrus60,

    Thank you for your reply.

    You are very much welcome!

    If you need anything else please let us know.

    Thanks and regards

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Accessibility: missing space on menu HTML’ is closed to new replies.