Wynik Lighthouse dotyczący ułatwień dostępu

Wynik ułatwień dostępu Lighthouse to średnia ważona wszystkich audytów ułatwień dostępu. Wagi są ustalane na podstawie oceny wpływu na użytkowników.

Każda kontrola dostępności jest oceniana jako pozytywna lub negatywna. W odróżnieniu od audytów skuteczności strona nie otrzymuje punktów za częściowe przejście kontroli ułatwień dostępu. Jeśli na przykład niektóre przyciski na stronie mają nazwy dostępne dla czytników ekranu, a inne nie, strona otrzyma wynik 0 w ramach audytu Przyciski nie mają nazw dostępnych dla czytników ekranu.

Tabela poniżej zawiera wagi dla poszczególnych kontroli dostępności. Audyt o większej wadze ma większy wpływ na wynik. Ręczne kontrole nie są uwzględniane w tabeli, ponieważ nie wpływają na Twój wynik.

Kontrola Waga
Wartości [accesskey] są unikalne 7
Atrybuty [aria-*] odpowiadają swoim rolom 10
Wartości przypisane do role="" są prawidłowymi rolami ARIA 1
Elementy button, link i menuitem mają nazwy na potrzeby ułatwień dostępu 7
Elementy z atrybutami role="dialog" lub role="alertdialog" mają nazwy na potrzeby ułatwień dostępu 7
[aria-hidden="true"] nie występuje w dokumencie <body> 10
Elementy [aria-hidden="true"] nie zawierają elementów podrzędnych, które można zaznaczyć 7
Pola do wprowadzania danych ARIA mają nazwy na potrzeby ułatwień dostępu 7
Elementy ARIA meter mają nazwy na potrzeby ułatwień dostępu 7
Elementy ARIA progressbar mają nazwy na potrzeby ułatwień dostępu 7
Elementy z atrybutem [role] mają wszystkie wymagane atrybuty [aria-*] 10
Elementy z atrybutem ARIA [role], których elementy podrzędne muszą zawierać określony atrybut [role], mają wszystkie wymagane elementy podrzędne 10
Elementy [role] znajdują się wewnątrz wymaganych elementów nadrzędnych 10
Wartości [role] są prawidłowe 7
Elementy z atrybutem role=text nie mają możliwych do zaznaczenia elementów podrzędnych 7
Pola przełączania ARIA mają nazwy na potrzeby ułatwień dostępu 7
Elementy ARIA tooltip mają nazwy na potrzeby ułatwień dostępu 7
Elementy ARIA treeitem mają nazwy na potrzeby ułatwień dostępu 7
Atrybuty [aria-*] mają prawidłowe wartości 10
Atrybuty [aria-*] są prawidłowe i nie ma w nich literówek 10
Przyciski mają nazwy dostępne dla czytników ekranu 10
Strona zawiera nagłówek, link pomijający lub region orientacyjny 7
Kolory tła i pierwszego planu mają wystarczający współczynnik kontrastu 7
Elementy <dl> zawierają tylko właściwie uporządkowane grupy elementów <dt> i <dd> oraz elementy <script>, <template> lub <div> 7
Elementy listy definicji znajdują się wewnątrz elementów <dl> 7
Dokument zawiera element <title> 7
Atrybuty [id] aktywnych elementów, które można zaznaczyć, są unikalne 7
Identyfikatory ARIA są unikalne 10
Żadne pola formularza nie mają wielu etykiet 3
Elementy <frame> lub <iframe> mają tytuł 7
Elementy nagłówków pojawiają się w kolejności malejącej 3
Element <html> ma atrybut [lang] 7
Element <html> ma prawidłową wartość atrybutu [lang] 7
Element <html> ma atrybut [xml:lang] z tym samym językiem podstawowym co atrybut [lang] 3
Elementy graficzne mają atrybuty [alt] 10
Elementy graficzne nie mają atrybutów [alt], które są nadmiarowym tekstem 1
Przyciski wprowadzania danych mają dobrze widoczny tekst 10
Elementy <input type="image"> mają tekst [alt] 10
Elementy z widocznymi etykietami tekstowymi mają pasujące nazwy na potrzeby ułatwień dostępu 7
Z elementami formularzy są powiązane etykiety 7
Linki można odróżnić bez użycia koloru 7
Linki mają wyróżniające je nazwy 7
Listy zawierają tylko elementy <li> i elementy skryptowe (<script> i <template>) 7
Elementy list (<li>) znajdują się wewnątrz elementów nadrzędnych <ul>, <ol> lub <menu> 7
Dokument nie używa tagu <meta http-equiv="refresh"> 10
W elemencie <meta name="viewport"> nie jest używany atrybut [user-scalable="no"], a atrybut [maximum-scale] ma wartość nie mniejszą niż 5 10
Elementy <object> mają tekst zastępczy 7
Elementy do wybrania mają powiązane z nimi elementy etykiet 7
Linki pomijania można zaznaczać 3
Żaden element nie ma wartości atrybutu [tabindex] większej niż 0 7
Tabele mają różne treści w atrybucie podsumowania i w elemencie <caption> 1
Do wskazywania podpisu tabele używają elementu <caption> zamiast komórek z atrybutem [colspan] 7
Elementy <td> w dużym elemencie <table> mają co najmniej 1 nagłówek tabeli 10
Komórki w elemencie <table>, które używają atrybutu [headers], odwołują się do komórek w tej samej tabeli 7
Istnieją komórki danych opisywane przez elementy i elementy z atrybutem [role="columnheader"/"rowheader"].<th> 7
Atrybuty [lang] mają prawidłową wartość 7
Elementy <video> zawierają element <track> z atrybutem [kind="captions"] 10