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ą określane na podstawie ocen wpływu na użytkowników.

Każdy audyt dostępności kończy się wynikiem pozytywnym lub negatywnym. W przeciwieństwie do kontroli 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 otrzymuje 0 punktów w audycie Przyciski nie mają nazw dostępnych dla czytników ekranu.

W tabeli poniżej podano wagi poszczególnych testów dostępności. Audyty o większej wadze mają większy wpływ na Twój wynik. Audyty ręczne i audyty o niskim wpływie lub dotyczące sprawdzonych metod nie są uwzględnione w tabeli, ponieważ nie mają wpływu na Twoją ocenę.

Kontrola Waga
Wartości [accesskey] są unikalne 7
[aria-*] atrybuty odpowiadają swoim rolom 10
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
Dokument <body> nie zawiera atrybutu [aria-hidden="true"] 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 [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 znajdują się wewnątrz wymaganych elementów nadrzędnych[role] 10
Wartości [role] są prawidłowe 10
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
<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
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 10
Dokument powinien mieć jeden główny punkt orientacyjny 3
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 listy (<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 10
Linki pomijania można zaznaczać 3
Żaden element nie ma wartości atrybutu [tabindex] większej niż 0 7
Do wskazywania podpisu tabele używają elementu <caption> zamiast komórek z atrybutem [colspan] 7
<td>Elementy 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
<th> Elementy i elementy z atrybutem [role="columnheader"/"rowheader"] mają komórki danych, które opisują. 7
Atrybuty [lang] mają prawidłową wartość 7
Elementy <video> zawierają element <track> z atrybutem [kind="captions"] 10