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

Điểm 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. Tỷ lệ trọng số được tính dựa trên các đánh giá tác động của người dùng đối với trục.

Mỗi quy trình kiểm tra khả năng hỗ trợ tiếp cận sẽ 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 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 hỗ trợ tiếp cận, nhưng một số nút khác thì không, thì trang đó sẽ nhận được điểm 0 cho quy trình kiểm tra Các nút không có tê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 chức năng hỗ trợ tiếp cận. Những quy trình kiểm tra có trọng số cao hơn sẽ ảnh hưởng nhiều hơn đến điểm số của bạn. Các quy trình kiểm tra thủ công không được đưa vào bảng này 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ị [accesskey] là duy nhất 7
Các thuộc tính [aria-*] khớp với vai trò tương ứng 10
Giá trị được chỉ định cho role="" là vai trò ARIA hợp lệ 1
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 tài liệu <body> 10
Các phần tử [aria-hidden="true"] không chứa các phần tử con cháu 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ệ 7
Các phần tử có thuộc tính role=text không có phần tử con cháu có thể làm tâm đ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 dễ đọc 10
Trang này chứa tiêu đề, đường 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ác phần tử <script>, <template> hoặc <div> được sắp xếp đúng cách 7
Các mục trong danh sách định nghĩa được gói trong 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 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ở với thuộc tính [lang] 3
Các phần tử hình ảnh có thuộc tính [alt] 10
Các phần tử hình ảnh không có thuộc tính [alt] là văn bản thừa 1
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ử gắn 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 7
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 đường 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 không sử dụng <meta http-equiv="refresh"> 10
[user-scalable="no"] không được sử 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
Chọn các phần tử có phần tử nhãn liên kết 7
Đườ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
Các bảng có nội dung khác nhau trong thuộc tính tóm tắt và <caption> 1
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