Sub-menu items of 'Topic Tools' not reachable by keyboard

Bug Reports
  • NodeBB Version:
    (I have no more developer information about the used NodeBB as i am not a administrator)

    Exact steps to cause this issue:

    1. Open a existent thread
    2. Go with Tab key to 'Topic Tools' button
    3. Hit Cursor-Down
    4. Sub-menu opens
    5. Hit Cursor-Down
    6. Cursor stucks in item 'Lock Topic', next item in sub-menu is not selected

    What you expected:
    I expected to reach all menu items in sub-menu with Cursor-Down key as in other buttons sub-menues

    What happened instead:
    Cursor stucks in first item of sub-menu and next items can not be selected

    Submenu items reachable by mouse
    Keyboard access is needed for accessibility

    A webdev in our company said:

    This is because NodeBB uses a hidden class to hide the opposite value (lock/unlock) so focus is lost when going over the hidden element.
    This could be fixed by using a hidden attribute on the <li> element but the toggleClass code is in NodeBB core not the theme code.

    There is a need to fix this because accessibility by keyboard is important for some disabled or without-mouse users.

Suggested Topics