Điểm số hỗ trợ tiếp cận trên Lighthouse

Điểm số Khả năng tiếp cận của Lighthouse là điểm trung bình gia quyền của tất cả các bài kiểm tra khả năng tiếp cận. Trọng số dựa trên đánh giá mức độ tác động của người dùng bằng axe.

Mỗi quy trình kiểm tra khả năng tiếp cận đều có kết quả là đạt hoặc không đạt. Không giống như Kiểm tra hiệu suất, một trang sẽ không nhận được điểm nếu chỉ vượt qua một phần của quy trình kiểm tra khả năng hỗ trợ tiếp cận. Ví dụ: nếu một số nút trên trang có tên thành phần hỗ trợ tiếp cận, nhưng những nút khác thì không, thì trang đó sẽ nhận được điểm 0 cho Kiểm tra nút không có tên thành phần hỗ trợ tiếp cận.

Bảng sau đây cho biết trọng số của từng quy trình kiểm tra khả năng tiếp cận. Những quy trình kiểm tra có trọng số cao hơn sẽ có ảnh hưởng lớn hơn đến điểm số của bạn. Các bài kiểm tra thủ công và bài kiểm tra có tác động thấp / theo phương pháp hay nhất không được đưa vào bảng vì chúng không ảnh hưởng đến điểm số của bạn.

Kiểm tra Trọng lượng
Các giá trị của [accesskey] là duy nhất 7
Các thuộc tính [aria-*] khớp với vai trò tương ứng 10
Các phần tử button, link và menuitem có tên dễ đọc 7
Các phần tử có role="dialog" hoặc role="alertdialog" có tên dễ đọc 7
[aria-hidden="true"] không có trên giấy tờ <body> 10
Các phần tử [aria-hidden="true"] không chứa các phần tử con có thể lấy tiêu điểm 7
Tên các trường nhập của ARIA ở trạng thái có thể tiếp cận 7
Các phần tử meter của ARIA có tên dễ đọc 7
Các phần tử progressbar của ARIA có tên dễ đọc 7
[role] có tất cả các thuộc tính [aria-*] bắt buộc 10
Các phần tử có [role] ARIA yêu cầu phần tử con phải chứa một [role] cụ thể có tất cả các phần tử con bắt buộc 10
[role] có trong phần tử mẹ bắt buộc tương ứng 10
Các giá trị [role] là hợp lệ 10
Các phần tử có thuộc tính role=text không có phần tử con có thể lấy tiêu điểm 7
Tên các trường chuyển đổi của ARIA ở trạng thái có thể tiếp cận 7
Các phần tử tooltip của ARIA có tên dễ đọc 7
Các phần tử treeitem của ARIA có tên dễ đọc 7
Các thuộc tính [aria-*] có giá trị hợp lệ 10
Các thuộc tính [aria-*] là hợp lệ và không bị sai chính tả 10
Các nút có tên hỗ trợ tiếp cận 10
Trang này chứa tiêu đề, phần tử liên kết bỏ qua hoặc vùng mốc 7
Màu nền trước và nền sau có đủ tỷ lệ tương phản 7
<dl> chỉ chứa các nhóm <dt> và <dd> được sắp xếp đúng cách, các phần tử <script>, <template> hoặc <div> 7
Các mục trong danh sách định nghĩa được bao bọc trong các phần tử <dl> 7
Tài liệu có phần tử <title> 7
Các thuộc tính [id] trên những phần tử có thể lấy tiêu điểm đang hoạt động là duy nhất 7
Mã nhận dạng của Ứng dụng Internet phong phú dễ dùng (ARIA) là duy nhất 10
Không có trường biểu mẫu nào có nhiều nhãn 3
Các phần tử <frame> hoặc <iframe> có tiêu đề 7
Các phần tử tiêu đề xuất hiện theo trình tự giảm dần 3
Phần tử <html> có thuộc tính [lang] 7
Phần tử <html> có giá trị hợp lệ cho thuộc tính [lang] 7
Phần tử <html> có thuộc tính [xml:lang] có cùng ngôn ngữ cơ sở như thuộc tính [lang] 3
Các phần tử hình ảnh có thuộc tính [alt] 10
Các nút nhập có văn bản rõ ràng 10
Các phần tử <input type="image"> có văn bản [alt] 10
Các phần tử có nhãn văn bản hiển thị có tên thành phần hỗ trợ tiếp cận trùng khớp 7
Các phần tử biểu mẫu có nhãn liên kết 10
Tài liệu phải có một điểm mốc chính 3
Bạn có thể phân biệt được các đường liên kết mà không cần dựa vào màu sắc 7
Các phần tử liên kết có tên có thể nhận rõ 7
Danh sách chỉ chứa các phần tử <li> và phần tử hỗ trợ tập lệnh (<script> và <template>) 7
Các mục trong danh sách (<li>) có trong phần tử mẹ <ul>, <ol> hoặc <menu> 7
Tài liệu này không dùng <meta http-equiv="refresh"> 10
[user-scalable="no"] không được dùng trong phần tử <meta name="viewport"> và thuộc tính [maximum-scale] không nhỏ hơn 5 10
Các phần tử <object> có văn bản thay thế 7
Các phần tử lựa chọn có phần tử nhãn liên kết 10
Đường liên kết bỏ qua có thể làm tâm điểm 3
Không phần tử nào có giá trị [tabindex] lớn hơn 0 7
Bảng sử dụng <caption> thay vì các ô có thuộc tính [colspan] để biểu thị chú thích 7
Các phần tử <td> trong <table> lớn có một hoặc nhiều tiêu đề bảng 10
Các ô trong phần tử <table> sử dụng thuộc tính [headers] tham chiếu đến các ô trong cùng một bảng 7
Các phần tử <th> và phần tử có [role="columnheader"/"rowheader"] chứa các ô dữ liệu mà các phần tử này mô tả 7
Các thuộc tính [lang] có giá trị hợp lệ 7
Các phần tử <video> chứa phần tử <track> có [kind="captions"] 10