Używając modemu Bootstrap, widziałem te atrybuty aria, ale nigdy nie wiedziałem, jak z nich korzystać.Co to są te atrybuty: "aria-labelledby" i "aria-hidden"
Czy ktoś wie, jakie przypadki użyć tych atrybutów? Przeszukałem go - po prostu nie znalazłem żadnych prostych odpowiedzi.
HTML5 ARIA atrybut jest tym, czego szukasz. Może być użyty w twoim kodzie, nawet bez bootstrapu.
dostęp Rich Internet Applications (ARIA) definiuje sposoby, aby Web treści i aplikacji internetowych (szczególnie te opracowane z Ajax i JavaScript) bardziej dostępne dla osób niepełnosprawnych.
Aby być precyzyjnym za pytanie, o to co atrybuty są nazywane jako ARIA attribute states and model
aria-labelledby: Identyfikuje element (lub elementy), który znakuje bieżącego elementu.
aria-hidden (state): Wskazuje, że element i wszystkie jego potomkowie nie są widoczne lub dostrzegalne dla każdego użytkownika, jak realizowane przez autora.
Głównymi odbiorcami tych właściwości są programy użytkownika, takie jak czytniki ekranu dla osób niewidomych. Tak więc w przypadku modów Bootstrap, modalny model div ma role="dialog". Gdy czytnik ekranowy zauważy, że staje się widoczny div, który ma tę rolę, wypowiada etykietę dla tego div.
Istnieje wiele sposobów oznaczania rzeczy (i kilku nowych za pomocą ARIA), ale w niektórych przypadkach właściwe jest użycie istniejącego elementu jako etykiety (semantycznej) bez użycia znacznika HTML <label>. W przypadku modów HTML etykieta ma zwykle nagłówek <h>. Tak więc w przypadku modalności Bootstrap dodajemy aria-labelledby=[IDofModalHeader], a czytnik ekranu odczyta ten nagłówek, gdy pojawi się modal.
Ogólnie mówiąc, czytnik ekranowy zauważy, że gdy elementy DOM staną się widoczne lub niewidoczne, więc właściwość aria-hidden jest często nadmiarowa i prawdopodobnie w większości przypadków może zostać pominięta.
ARIA nie zmienia funkcjonalności, zmienia jedynie przedstawione role/właściwości użytkownikom czytników ekranu. WebAIM’s WAVE toolbar identyfikuje role ARIA na stronie.
Czy zmiana ról i właściwości w taki sposób, aby użytkownicy czytników ekranu nie mieli innego doświadczenia, jest objęta samą definicją zmiany funkcji? –
będzie ukrywać elementy dekoracyjne, takie jak ikony glifów od czytników ekranu, które nie mają znaczącej wymowy, aby nie powodować zamieszania. To dobra rzecz, jako kwestia dobrej praktyki.
To jest bardziej konkretny niż przyjęta odpowiedź. – mizurnix
To jest bardziej przydatna odpowiedź IMO. – amflare