Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

element with aria-activedescendant can't have a tabindex -1 #512

Closed
gaurav5430 opened this issue Dec 18, 2018 · 1 comment · Fixed by #708
Closed

element with aria-activedescendant can't have a tabindex -1 #512

gaurav5430 opened this issue Dec 18, 2018 · 1 comment · Fixed by #708
Assignees
Labels

Comments

@gaurav5430
Copy link

According to the examples on ARIA 1.1 Select , the component having aria-activedescendant can have a tabindex = -1 . Why isn't it allowed by the eslint-rule ?

<div id="exp_wrapper">
            <button aria-haspopup="listbox" aria-labelledby="exp_elem exp_button" id="exp_button">Plutonium</button>
            <ul id="exp_elem_list" tabindex="-1" role="listbox" aria-labelledby="exp_elem" class=" hidden" aria-activedescendant="exp_elem_Pu">
              <li id="exp_elem_Np" role="option" class="">Neptunium</li>
              <li id="exp_elem_Pu" role="option" class=" focused">Plutonium</li>
              <li id="exp_elem_Am" role="option" class="">Americium</li>
              <li id="exp_elem_Cm" role="option" class="">Curium</li>
              <li id="exp_elem_Bk" role="option" class="">Berkelium</li>
              <li id="exp_elem_Cf" role="option" class="">Californium</li>
              <li id="exp_elem_Es" role="option" class="">Einsteinium</li>
              <li id="exp_elem_Fm" role="option" class="">Fermium</li>
              <li id="exp_elem_Md" role="option" class="">Mendelevium</li>
              <li id="exp_elem_No" role="option" class="">Nobelium</li>
              <li id="exp_elem_Lr" role="option" class="">Lawrencium</li>
              <li id="exp_elem_Rf" role="option">Rutherfordium</li>
              <li id="exp_elem_Db" role="option">Dubnium</li>
              <li id="exp_elem_Sg" role="option">Seaborgium</li>
              <li id="exp_elem_Bh" role="option">Bohrium</li>
              <li id="exp_elem_Hs" role="option">Hassium</li>
              <li id="exp_elem_Mt" role="option">Meitnerium</li>
              <li id="exp_elem_Ds" role="option">Darmstadtium</li>
              <li id="exp_elem_Rg" role="option" class="">Roentgenium</li>
              <li id="exp_elem_Cn" role="option" class="">Copernicium</li>
              <li id="exp_elem_Nh" role="option" class="">Nihonium</li>
              <li id="exp_elem_Fl" role="option" class="">Flerovium</li>
              <li id="exp_elem_Mc" role="option" class="">Moscovium</li>
              <li id="exp_elem_Lv" role="option" class="">Livermorium</li>
              <li id="exp_elem_Ts" role="option">Tennessine</li>
              <li id="exp_elem_Og" role="option" class="">Oganesson</li>
            </ul>
          </div>
@murilocruz
Copy link

It happens when implementing a Collapsible Dropdown Listbox, wich requires a tabindex="-1"

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
3 participants