Giới thiệu về a11yAuditHelper
Kiểm tra khả năng truy cập cho toàn bộ ứng dụng web (hoặc một phần của nó) không phải là điều quá phức tạp – nhưng tùy thuộc vào độ phức tạp của sản phẩm, nó có thể trở thành một thách thức lớn. Việc sử dụng các công cụ để ghi chép và tài liệu đôi khi lại làm chậm quá trình thay vì hỗ trợ. Đó là lý do mà tôi bắt đầu cảm thấy bực bội.
Điểm khởi đầu: bảng cheat, bảng tính và sự thất vọng
Trong quá trình làm việc, tôi đã thử rất nhiều cách thức:
- Ghi chú đơn giản / bảng cheat
- Excel hoặc Google Sheets
- Tệp Markdown rời rạc
- Các liên kết phân tán đến các tài liệu WCAG
Không cái nào trong số này thực sự tích hợp mượt mà vào quy trình làm việc của tôi. Việc ghi lại kết quả quá chậm, cấu trúc nhanh chóng trở nên lộn xộn, hoặc tôi tốn quá nhiều thời gian để lọc ra những thông tin không liên quan trong thời điểm đó.
Vì vậy, tôi đã tự hỏi:
- Liệu tôi có thể ghi lại chỉ với một cú nhấp chuột hoặc phím tắt: Kiểm tra đã qua? Có/Không.
- Thêm ghi chú – chính xác trong ngữ cảnh.
- Và: Nhảy nhanh đến quy tắc phù hợp nếu tôi không chắc chắn.
- Cũng như: Lọc ra các bài kiểm tra không áp dụng trong ngữ cảnh này (ví dụ: yêu cầu về video hoặc âm thanh trong ứng dụng chỉ có văn bản).
Kết quả của những suy nghĩ này là: a11yAuditHelper.
Mục tiêu của công cụ
Tôi muốn một công cụ mà:
- không cản trở tôi trong quá trình kiểm tra
- hỗ trợ suy nghĩ của tôi thay vì làm tôi phải suy nghĩ về công cụ
- cho phép điều hướng và đánh giá nhanh chóng
- cho tôi thấy tiến trình bất cứ lúc nào
- lưu trữ dữ liệu chỉ cục bộ (riêng tư, bảo mật!)
Tính năng chính
- Lưu trữ dữ liệu cục bộ: Tất cả dữ liệu đều được lưu trữ trong trình duyệt (Local Storage / IndexedDB). Không có máy chủ. Không có truyền tải dữ liệu.
- Bộ quy tắc tích hợp sẵn: WCAG và BITV được tích hợp (các bài kiểm tra / tiêu chí có cấu trúc).
- Lọc chi tiết:
- Mức độ WCAG: A / AA / AAA
- Các lĩnh vực chủ đề (ví dụ: Âm thanh, Video, Cấu trúc, Biểu mẫu, Độ tương phản, v.v.)
- Tổng quan trạng thái theo thời gian thực:
- Có bao nhiêu bài kiểm tra đã được đánh giá?
- Có bao nhiêu bài kiểm tra đã qua / thất bại / vẫn đang mở?
- Đa ngôn ngữ: Tiếng Đức và Tiếng Anh – chuyển đổi mà không mất dữ liệu.
- Điều khiển & phím tắt bằng bàn phím: Bao gồm các phím tắt tiêu chuẩn – có thể định nghĩa lại tự do (cho người dùng chuyên nghiệp).
- Ghi chú theo ngữ cảnh: Mỗi đánh giá có thể bao gồm một ghi chú (ví dụ: “Thiếu aria-label trên nút biểu tượng”).
- Tham chiếu quy tắc trực tiếp: Nhảy đến tài liệu (WCAG/BITV) để tra cứu nhanh.
- Xuất và xử lý thêm:
- Tóm tắt bảng (cho báo cáo hoặc bàn giao cho các nhóm)
- Tải xuống dưới dạng CSV (ví dụ: nhập vào hệ thống vé hoặc DMS)
Tại sao không chỉ tiếp tục sử dụng Excel?
Excel (hoặc Google Sheets) là:
- quá chung chung
- không ưu tiên bàn phím
- không nhận thức ngữ cảnh (bạn liên tục phải xây dựng lại cấu trúc)
- không có liên kết trực tiếp đến mô tả quy tắc
- không có quy trình lọc hướng dẫn bạn chỉ qua những bài kiểm tra liên quan
Tóm lại: Bảng tính rất tốt cho dữ liệu – nhưng kém hơn cho các quy trình đánh giá có hướng dẫn với ngữ cảnh ngữ nghĩa.
Lộ trình / ý tưởng (hoan nghênh phản hồi!)
- Thêm các bộ quy tắc khác
- Nhập dữ liệu
- Chế độ tối (truy cập trước: độ tương phản được kiểm tra)
Nếu bạn đang thiếu điều gì: hãy cho tôi biết!
Tôi có thể tìm thấy dự án ở đâu?
https://a11yaudithelper.frontendcoder.de/
Kết luận
Các cuộc kiểm tra khả năng truy cập không nên khó khăn hơn chỉ vì công cụ tài liệu làm chậm bạn lại. a11yAuditHelper là nỗ lực của tôi để làm cho quy trình này tập trung hơn, nhanh hơn và ít gây thất vọng hơn – đặc biệt là cho các đánh giá lặp lại.
Nếu bạn kiểm tra thường xuyên: hãy thử nghiệm. Nếu bạn có ý tưởng hoặc thiếu một tính năng: hãy cho tôi biết.
Câu hỏi thường gặp
a11yAuditHelper có miễn phí không?
Có, a11yAuditHelper hoàn toàn miễn phí và dễ sử dụng.
Có thể sử dụng a11yAuditHelper trên thiết bị di động không?
Có, công cụ hoạt động tốt trên các trình duyệt di động.
Tôi có thể đóng góp vào dự án không?
Chắc chắn rồi! Hãy liên hệ với tôi nếu bạn muốn tham gia.
Làm thế nào để báo cáo lỗi hoặc góp ý?
Bạn có thể để lại nhận xét trên trang dự án hoặc gửi email trực tiếp cho tôi.
Happy auditing!
