Kiểm tra khả năng truy cập web – WCAG

Kiểm tra khả năng truy cập web theo WCAG 2.2: độ tương phản màu, văn bản thay thế, tiêu đề, mô phỏng mù màu, báo cáo kiểm tra.

🔍 Kiểm tra khả năng truy cập web theo WCAG 2.0, 2.1 và 2.2 Kiểm tra khả năng truy cập web biến bất kỳ thẻ trình duyệt nào thành một bàn làm việc kiểm toán. Mở bảng bên, quét trang và đọc từng lỗi được gom theo quy tắc, với giá trị đo nằm ngay cạnh ngưỡng bắt buộc, kèm lý do, cách sửa và một mẫu mã nguồn sẵn sàng để dán. Dưới nắp ca pô, bản kiểm tra khả năng truy cập web này chạy axe-core 4.13 cùng một lớp quy tắc riêng cho những tiêu chí WCAG 2.2 mà gần như chưa công cụ nào chạm tới: kích thước đích, tiêu điểm không bị che, xác thực dễ tiếp cận, giãn cách chữ và tái dòng. Phần lớn người dùng cài kiểm tra khả năng truy cập web vì đúng một câu hỏi trước khi phát hành: cái gì sẽ trượt và trượt chính xác ở đâu. Câu trả lời có sau hai giây, ngay trên trang bạn đang mở, không cần bước dựng và không phải xếp hàng sau một trình thu thập trên đám mây. ✅ Mỗi lần quét bao phủ những gì ➤ Độ tương phản của chữ thường, chữ lớn và phần tử phi văn bản ➤ Văn bản thay thế, ảnh trang trí và ảnh đã mô tả ở nơi khác ➤ Cấu trúc tiêu đề, mốc định vị, ngôn ngữ trang và tiêu đề tài liệu ➤ Nhãn biểu mẫu, chữ trên liên kết, bảng, phụ đề và video ➤ Thứ tự tab, chỉ báo tiêu điểm, bẫy bàn phím và kích thước đích 📐 Những chuẩn mà nó hiểu Một kết quả chỉ hữu ích khi nó gọi tên đúng quy tắc mà bạn sẽ bị soi, nên mỗi phát hiện đều mang theo tiêu chí thành công, cấp độ và phiên bản của nó. 1. WCAG 2.0, 2.1 và 2.2 ở các cấp A, AA và AAA 2. Yêu cầu về trang thông tin điện tử của cơ quan nhà nước 3. EN 301 549 và European Accessibility Act tại châu Âu 4. Section 508, ADA Title III và AODA tại Bắc Mỹ 🎨 Tương phản được đo theo hai cách Lấy hai màu bằng ống hút màu, chỉnh trực tiếp rồi theo dõi tỉ số WCAG bên cạnh giá trị APCA Lc. Máy tính tương phản đưa ra phán quyết cho chữ thường, chữ lớn và phần tử phi văn bản cùng lúc, nên kết quả WCAG 2.1 AA nằm cách kết quả WCAG AAA khắt khe hơn đúng một cái liếc. APCA là phương pháp mới quanh WCAG 3.0. 🕶 Mô phỏng thị giác trên trang đang sống 1️⃣ Tám kiểu nhìn màu, từ mù màu đỏ tới mù màu hoàn toàn 2️⃣ Thị lực kém, đục thủy tinh thể và tăng nhãn áp trên bố cục thật 3️⃣ Chế độ khó đọc dành cho đoạn chữ không chịu đứng yên Trình mô phỏng mù màu chạy trên chính trang web chứ không phải ảnh chụp màn hình, nên trạng thái di chuột, biểu đồ và ảnh bìa video đều lọt vào phần rà soát. 🧭 Tìm ra lỗi mà không cần đọc DOM - Locate ghim một tấm biển ghi tiêu chí lên đúng phần tử sai - Bản đồ tiêu đề và mốc định vị vẽ cấu trúc thật lên trên bố cục - Thứ tự tiêu điểm được đánh số dọc theo đường bàn phím thật đi - Văn bản thay thế hiện cạnh từng ảnh, kể cả ảnh trang trí 📄 Những thứ một cuộc kiểm toán để lại Thử nghiệm mới là một nửa công việc. Mọi thứ bên dưới đều xuất ra từ cùng một lần quét, nên báo cáo khả năng truy cập bạn nộp khớp đúng với thẻ mà bạn đã thử. 📊 Báo cáo HTML mang thương hiệu riêng, in thẳng ra PDF 🧾 CSV và JSON cho phiếu việc, bảng công việc và pipeline ✍ Bản nháp tuyên bố khả năng truy cập cho trang của bạn 📋 Bảng kiểu VPAT dùng cho mua sắm và đấu thầu Thứ hai là bộ sinh tuyên bố khả năng truy cập, thứ sáu là nguồn cho báo cáo tuân thủ. 🌐 Kiểm tra khả năng truy cập web vượt khỏi một trang Đi hết các trang cùng nguồn gốc trong một lượt, giữ lại lịch sử và so hai lần chạy để thấy cái gì vỡ và cái gì đã lành. Lần kiểm tra đơn lẻ trở thành thử nghiệm hồi quy trước mỗi bản phát hành, đúng thứ người ta chờ đợi ở một công cụ giám sát. ✦ Vì sao bảng này vẫn được ghim ✦ Mỗi phát hiện đưa ra con số đo, không phải một từ mức độ mơ hồ ✦ Hướng dẫn nói cách sửa, chứ không chỉ đọc tên quy tắc ✦ Mọi thứ đều xuất được, không ai dựng lại báo cáo bằng tay ✦ Chính bảng này vượt qua cuộc kiểm toán của nó ở WCAG 2.2 AA 🔒 Riêng tư ngay từ thiết kế Không nội dung trang, không địa chỉ và không kết quả nào rời khỏi máy. Một trình quét không gọi mạng sẽ tới được nơi các trình quét đám mây không bao giờ thấy: môi trường thử, mạng nội bộ và bản dựng nội bộ. Không tài khoản, không đăng ký, không kết nối. 👥 Dựng cho cả đội Lập trình viên dọn dẹp trước khi review mã, nhà thiết kế soát lại quyết định màu, QA chạy kiểm tra khả năng truy cập ngay trong sprint, agency làm tài liệu cho khách, biên tập viên quyết định trang có lên hay không. Trang nào đã kết xuất đều dùng được. ⚡ Ba bước tới tài liệu bàn giao → Nhấn Alt+Shift+A và để lượt quét chạy hết trang → Xử lý danh sách, khoanh vùng phần tử, sửa rồi quét lại → Xuất báo cáo, tuyên bố hoặc bảng tuân thủ bạn cần ⚖ Thành thật về giới hạn Công cụ tự động chạm tới khoảng một phần ba tiêu chí thành công của WCAG, và mọi điểm số cùng mọi bản nháp đều ghi rõ điều đó. Hãy dọn nhanh phần máy nhìn thấy và để dành giờ công cho những phán đoán mà không công cụ tự động nào làm thay được. Một trợ thủ cho kiểm toán, không bao giờ là chứng chỉ. ⌨ Sẵn sàng trong mười giây Ghim tiện ích, mở trang bất kỳ và nhấn Alt+Shift+A. Không bước dựng, không hướng dẫn nhập môn, không đồng hồ dùng thử. Bảng nói được mười lăm thứ tiếng.