adamnurdin01 / bootsnav

Bootsnav - Multi Purpose Header
MIT License
171 stars 122 forks source link

feature request: accessibility #10

Open Tzvook opened 7 years ago

Tzvook commented 7 years ago

Great nav/header script, thank you so so much. making it accessible will be great. ( https://www.w3.org/standards/webdesign/accessibility )

Tzvook commented 7 years ago

Hi again I made some accessibility tests mainly 2 things:

  1. Turned each mouseenter to mouseenter focusin , and each mouseleave to mouseleave focusout
  2. Added Aria to the HTML parts. <div class="attr-nav" role="navigation" aria-label="Sub menu"> and <ul role="menubar"> But, well, it's not enough, only tests and I think it can be easily dont by JS expert (which I'm not) ... please advise ...

    By the way - Aria data can be found here: http://stackoverflow.com/questions/12279113/recommended-wai-aria-implementation-for-navigation-bar-menu