Czy jest jakikolwiek sposób w HTML, aby powiedzieć przeglądarce, że nie zezwala na indeksowanie tabulatorów dla poszczególnych elementów?
Na mojej stronie jest jednak pokazany w jQuery pokaz slajdów, gdy przechodzisz przez niego, dostajesz dużo naciśnięć tabulatorów, zanim formant przejdzie do następnego widocznego łącza na stronie, ponieważ wszystkie rzeczy, które są tabulowane, są ukryte użytkownik wizualnie.
Odpowiedzi:
Możesz użyć tabindex="-1".
Specyfikacja HTML3 W3C obsługuje tabindexwartości ujemne :
Jeśli wartość jest ujemną liczbą całkowitą
Agent użytkownika musi ustawić flagę fokusu tabindex elementu, ale nie powinien umożliwiać dostępu do elementu za pomocą nawigacji sekwencyjnej.
Uważaj jednak, że jest to funkcja HTML5 i może nie działać ze starymi przeglądarkami.
Aby być zgodnym ze standardem W3C HTML 4.01 (od 1999) , tabindex musiałby być dodatni.
Przykładowe użycie poniżej w czystym HTML.
<input />
<input tabindex="-1" placeholder="NoTabIndex" />
<input />tabindexteraz pozwala mieć wartości ujemne.
Nie zapominaj o tym, chociaż tabindexw specyfikacji i kodzie HTML wszystkie litery są małe, w JavaScript / DOM ta właściwość jest wywoływana tabIndex.
Nie trać rozumu, próbując dowiedzieć się, dlaczego wywoływane przez programowo zmienione indeksy kart element.tabindex = -1nie działają. Zastosowanie element.tabIndex = -1.
Jeśli są to elementy naturalnie w kolejności tabulatorów, takie jak przyciski i zakotwiczenia, usunięcie ich z kolejności tabulatorów za pomocą tabindex = -1 jest rodzajem zapachu dostępności. Jeśli zapewniają zduplikowaną funkcjonalność, usunięcie ich z kolejności kart jest w porządku i rozważ dodanie aria-hidden = true do tych elementów, aby technologie pomocnicze je zignorowały.
Jeśli pracujesz w przeglądarce, która nie obsługuje tabindex="-1", być może uda ci się uciec od podania rzeczy, które wymagają pominięcia, na bardzo wysokim indeksie tabulatorów . Na przykład tabindex="500"zasadniczo przesuwa kolejność tabulatorów obiektu na koniec strony.
Zrobiłem to dla długiego formularza wprowadzania danych z przyciskiem w środku. To nie jest przycisk, który ludzie często klikają, więc nie chciałem, aby przypadkowo przechodzili do niego i nacisnęli Enter. disablednie zadziałałoby, ponieważ to przycisk.
Taki hack jak „tabIndex = -1” nie działa dla mnie w Chrome v53.
To działa dla Chrome i większości przeglądarek:
function removeTabIndex(element) {
element.removeAttribute('tabindex');
}<input tabIndex="1" />
<input tabIndex="2" id="notabindex" />
<input tabIndex="3" />
<button tabIndex="4" onclick="removeTabIndex(document.getElementById('notabindex'))">Remove tabindex</button>notabindexpola tak, jak tabIndex=5po naciśnięciu przycisku. Nie jest to kwestia burmistrza, ale nadal nie sprawia, że nie można go całkowicie „zakasować”.
tabindex
Sposobem na to jest dodanie tabindex="-1". Dodanie tego do konkretnego elementu powoduje, że nawigacja za pomocą klawiatury staje się nieosiągalna . Jest tutaj świetny artykuł , który pomoże ci lepiej zrozumieć tabindex .
Po prostu dodaj atrybut disableddo elementu (lub użyj jQuery, aby zrobić to za Ciebie). Wyłączone zapobiega w ogóle skupieniu lub wybraniu wejścia.
W3. Więc kiedy to zrobiłem; Użyłem 500. Hackish; ale działało.