Co to jest?
WAI-ARIA oznacza „Inicjatywa na rzecz dostępności sieci - bogate aplikacje internetowe dostępne” . Jest to zestaw atrybutów, które pomagają poprawić semantykę strony internetowej lub aplikacji internetowej, aby pomóc technologiom wspomagającym, takim jak czytniki ekranu dla osób niewidomych, w zrozumieniu pewnych rzeczy, które nie są natywne dla HTML. Odsłonięte informacje mogą wahać się od czegoś tak prostego, jak poinformowanie czytnika ekranu, że aktywacja linku lub przycisku po prostu pokazała lub ukryła więcej elementów, aż do widżetów tak złożonych jak całe systemy menu lub hierarchiczne widoki drzewa.
Osiąga się to poprzez zastosowanie ról i atrybutów stanu do znaczników HTML 4.01 lub nowszych, które nie mają wpływu na układ ani funkcje przeglądarki, ale zapewniają dodatkowe informacje na temat technologii wspomagających.
Kamieniem węgielnym WAI-ARIA jest atrybut roli. Informuje przeglądarkę, aby poinformowała technologię wspomagającą, że użyty element HTML nie jest tak naprawdę sugerowany przez nazwę elementu, ale coś innego. Chociaż pierwotnie jest to element div, ten element div może być kontenerem do listy autouzupełniania, w którym to przypadku należałoby użyć roli „listbox”. Podobnie inny div, który jest dzieckiem tego kontenera div i który zawiera pojedynczy element opcji, powinien następnie otrzymać rolę „opcji”. Dwa divy, ale poprzez role mają zupełnie inne znaczenie. Role są modelowane na podstawie często używanych odpowiedników aplikacji komputerowych.
Wyjątkiem są role punktów orientacyjnych w dokumencie, które nie zmieniają faktycznego znaczenia danego elementu, ale dostarczają informacji o tym konkretnym miejscu w dokumencie.
Drugim kamieniem węgielnym są stany i właściwości WAI-ARIA. Definiują stan niektórych elementów natywnych lub WAI-ARIA, np. Jeśli coś jest zwinięte lub rozwinięte, wymagany jest element formularza, coś ma dołączone menu podręczne lub tym podobne. Często są one dynamiczne i zmieniają swoje wartości przez cały cykl życia aplikacji internetowej i zwykle są manipulowane przez JavaScript.
Co to nie jest
WAI-ARIA nie ma wpływu na zachowanie przeglądarki. W przeciwieństwie do prawdziwego elementu przycisku, na przykład div, na który wylewasz rolę „przycisku”, nie daje możliwości ustawiania ostrości na klawiaturze, automatycznej obsługi kliknięć po naciśnięciu spacji lub Enter oraz innych właściwości, które są charakterystyczne dla przycisk. Sama przeglądarka nie wie, że div z rolą „przycisku” jest przyciskiem, tylko jego część interfejsu API dostępności.
W konsekwencji oznacza to, że absolutnie musisz samodzielnie wprowadzić nawigację za pomocą klawiatury, możliwość ustawiania ostrości i inne wzorce zachowań znane z aplikacji komputerowych. Można znaleźć kilka technik zaawansowane ARIA tutaj .
Kiedy nie powinienem go używać?
Tak, zgadza się, ta sekcja jest na pierwszym miejscu! Ponieważ pierwszą zasadą korzystania z WAI-ARIA jest: Nie używaj jej, chyba że absolutnie musisz! Im mniej WAI-ARIA posiadasz i im więcej możesz liczyć na używanie natywnych widżetów HTML, tym lepiej! Istnieje kilka innych zasad, których należy przestrzegać, możesz je sprawdzić tutaj .