Trình Kiểm Tra Tiêu Đề WCAG
Dán HTML để xác thực hệ thống phân cấp tiêu đề của bạn theo tiêu chí WCAG 2.2 1.3.1. Xác định các cấp bị bỏ qua, thiếu h1, h1 trùng lặp và tiêu đề rỗng.
Kết quả
Dán HTML và nhấp « Kiểm tra tiêu đề ».
📚 Cơ sở khoa học và nguồn
Công cụ này dành cho ai
Cấu trúc tiêu đề đúng là cần thiết cho người dùng trình đọc màn hình và những người mắc rối loạn nhận thức dựa vào cấu trúc tài liệu để điều hướng và hiểu. Các khảo sát WebAIM Screen Reader User Surveys liên tục phát hiện rằng điều hướng theo tiêu đề là một trong những chiến lược phổ biến và được đánh giá cao nhất bởi người dùng trình đọc màn hình. Những người mắc rối loạn nhận thức và học tập cũng được hưởng lợi từ một hệ thống phân cấp rõ ràng, các tiêu đề cung cấp một bố cục nội dung làm giảm tải nhận thức (W3C Cognitive Accessibility Guidance). Báo cáo Toàn cầu về Công bằng Sức khỏe cho Người Khuyết tật của WHO (2023) ước tính 1,3 tỷ người — khoảng 16% dân số thế giới — đang sống với khuyết tật đáng kể, nhiều người trong số họ sử dụng công nghệ hỗ trợ phụ thuộc vào cấu trúc tiêu đề có ngữ nghĩa.
Yêu cầu WCAG 2.2
- SC 1.3.1 (thông tin và mối quan hệ, cấp A): thông tin, cấu trúc và mối quan hệ được truyền đạt trực quan phải có thể được xác định bằng chương trình.
- SC 2.4.1 (bỏ qua các khối, cấp A): các tiêu đề cho phép người dùng điều hướng giữa các phần, đóng vai trò là cơ chế bỏ qua.
- SC 2.4.6 (tiêu đề và nhãn, cấp AA): các tiêu đề mô tả chủ đề hoặc mục đích của nội dung mà chúng giới thiệu.
- SC 2.4.10 (tiêu đề phần, cấp AAA): các tiêu đề phần được sử dụng để tổ chức nội dung.
Tài liệu tham khảo khoa học
- WebAIM (2024). « Screen Reader User Survey #10 Results. » webaim.org · Liên tục phát hiện rằng điều hướng theo tiêu đề là một trong những chiến lược chính được người dùng trình đọc màn hình sử dụng để hiểu cấu trúc trang và tìm nội dung trên đó.
- Power, C., Freire, A., Petrie, H. & Swallow, D. (2012). « Guidelines are only half of the story. » CHI ’12, ACM. · Đã phát hiện rằng các vấn đề về cấu trúc tiêu đề là một trong những trở ngại thường gặp nhất bởi người dùng mù.
- W3C Web Accessibility Initiative (2023). « Page Structure: Headings Tutorial. » w3.org/WAI · Định nghĩa các thực hành tốt nhất cho hệ thống phân cấp tiêu đề, bao gồm chỉ một h1 mỗi trang và lồng nhau theo tuần tự.
- WebAIM. « Semantic Structure: Using Headings. » webaim.org · Hướng dẫn về cách cấu trúc tiêu đề hỗ trợ cả điều hướng bằng trình đọc màn hình và quét trực quan.
- Deque Systems. « heading-order (quy tắc axe-core). » · Kiểm tra tự động: các cấp tiêu đề chỉ được tăng từng cấp một để đảm bảo bố cục tài liệu hợp lệ.
- Tổ chức Y tế Thế giới (2023). Global Report on Health Equity for Persons with Disabilities. · Ước tính 1,3 tỷ người (16% dân số thế giới) đang sống với khuyết tật đáng kể.
Tuyên bố từ chối
Công cụ này chỉ kiểm tra cấu trúc phân cấp tiêu đề. Nó không đánh giá các khía cạnh khác của tuân thủ WCAG 2.2, như độ tương phản màu, khả năng tiếp cận bàn phím hoặc sử dụng ARIA. Một hệ thống phân cấp tiêu đề hợp lệ là điều kiện cần nhưng không đủ cho khả năng tiếp cận. Để tuân thủ WCAG 2.2 đầy đủ, sử dụng một công cụ kiểm tra toàn diện (axe, WAVE, Lighthouse) cùng với kiểm thử thủ công bằng các công nghệ hỗ trợ.
Lưu ý: công cụ này chỉ kiểm tra cấu trúc phân cấp tiêu đề. Để tuân thủ WCAG 2.2 đầy đủ, sử dụng một công cụ kiểm tra toàn diện kèm theo kiểm thử thủ công.