Checklist khả năng tiếp cận website cho doanh nghiệp nhỏ (theo WCAG)

Checklist khả năng tiếp cận website thực tế theo WCAG 2.2: kiểm tra bàn phím và focus, văn bản, độ tương phản, nhãn và lỗi biểu mẫu, văn bản thay thế ảnh, điểm công cụ tự động phát hiện so với kiểm tra thủ công, cách ghi nhận vấn đề mà không khẳng định tuân thủ pháp luật.

Checklist này gồm các bước chủ doanh nghiệp nhỏ có thể tự làm trong khoảng một giờ mà không cần phần mềm đặc biệt: chỉ dùng bàn phím để thao tác website, kiểm tra cỡ chữ và độ tương phản, xác nhận mỗi trường biểu mẫu có nhãn và thông báo lỗi rõ ràng, rồi kiểm tra ảnh có văn bản thay thế phù hợp. Checklist dựa trên WCAG 2.2, tiêu chuẩn được nhiều luật và chính sách tham chiếu, cùng các bước kiểm tra cơ bản của W3C. Đạt checklist không có nghĩa website tuân thủ pháp luật; checklist giúp tìm những rào cản phổ biến nhất.

1. Kiểm tra bàn phím và focus

Cất chuột đi. Nhấn Tab từ đầu trang đến cuối trang, rồi Shift+Tab để quay lại.

[ ] Liên kết “Chuyển đến nội dung” xuất hiện ở lần nhấn Tab đầu tiên (hữu ích với menu dài)
[ ] Có thể dùng Tab để đến mọi liên kết, nút và trường biểu mẫu
[ ] Luôn nhìn thấy phần tử đang được focus (viền hoặc vùng tô sáng)
[ ] Focus đi theo thứ tự hợp lý, từ trên xuống và trái sang phải
[ ] Menu mở bằng Enter hoặc Space, đóng bằng Escape
[ ] Có thể đóng cửa sổ bật lên bằng bàn phím và focus quay lại trang
[ ] Focus không bị giữ lại ở một chỗ (có thể tiếp tục nhấn Tab)
[ ] Thanh tiêu đề cố định không che phần tử đang focus

2. Văn bản, độ tương phản, nhãn và lỗi biểu mẫu

[ ] Văn bản nội dung dễ đọc ở mức thu phóng bình thường (khoảng 16px trở lên)
[ ] Phóng to 200%: nội dung không chồng lấn hay bị cắt, không cần cuộn ngang
[ ] Tương phản văn bản ít nhất 4.5:1 (3:1 với chữ lớn) - kiểm tra bằng công cụ
[ ] Có thể phân biệt liên kết với văn bản bằng yếu tố khác ngoài màu sắc
[ ] Mỗi trường biểu mẫu có nhãn hiển thị (placeholder không thay thế nhãn)
[ ] Trường bắt buộc được đánh dấu bằng chữ, không chỉ bằng màu
[ ] Lỗi cho biết vấn đề và cách sửa, đặt cạnh trường tương ứng
[ ] Nút nói rõ chức năng (“Gửi yêu cầu”, không chỉ “Gửi” hoặc biểu tượng)
[ ] Ngôn ngữ trang được khai báo và heading theo thứ tự (H1, H2, H3)

Kiểm tra cặp màu bằng công cụ kiểm tra độ tương phản màu. Các tỷ lệ trên dựa trên tiêu chí độ tương phản tối thiểu của WCAG.

3. Mục đích của ảnh và văn bản thay thế

Cây quyết định về văn bản alt của W3C giải thích các trường hợp đặc biệt.

4. Kiểm tra tự động và kiểm tra thủ công

Công cụ tự động phát hiệnChỉ người kiểm tra mới đánh giá được
Thiếu thuộc tính altAlt có thực sự hữu ích hay không
Tương phản thấp trên nền đơn giảnTương phản chữ phủ trên ảnh và video
Trường biểu mẫu không có nhãnNhãn và thông báo lỗi có dễ hiểu không
Thiếu ngôn ngữ trang, liên kết rỗngThứ tự bàn phím, khả năng thấy focus, focus có bị giữ không
Bỏ cấp headingHeading có mô tả nội dung hay không

Trước tiên hãy chạy kiểm tra tự động (công cụ đánh giá website có các kiểm tra trợ năng cơ bản; W3C duy trì danh sách công cụ đánh giá), sau đó tự làm các bước ở trên. Nếu nhiều khách hàng của bạn là người khuyết tật, hãy thuê người khuyết tật kiểm thử.

Nhật ký phát hiện đã điền (minh họa có ghi nhãn)

Doanh nghiệp hư cấu “Harbour Line Plumbing”. Không phải công ty thật; đây là ví dụ về định dạng, không phải kết quả kiểm tra.

Ngày kiểm tra: [ngày]   Người kiểm tra: chủ doanh nghiệp   Trang: Chủ, Dịch vụ, Liên hệ
Trình duyệt/thiết bị: bàn phím laptop; điện thoại bật trình đọc màn hình
#  Trang     Vấn đề                                  Tham chiếu WCAG  Đã sửa?
1  Chủ       Biểu tượng gọi không có nhãn (“button”) 4.1.2            có
2  Chủ       Chữ trắng trên ảnh chính khó đọc        1.4.3            có, phủ lớp tối hơn
3  Liên hệ   Nhãn mã bưu chính chỉ là placeholder    3.3.2            có
4  Liên hệ   Lỗi chỉ ghi “Không hợp lệ”              3.3.1            có, “Nhập số điện thoại”
5  Dịch vụ   Alt ảnh thư viện là tên tệp              1.1.1            có
6  Tất cả    Không thấy focus ở liên kết menu         2.4.7            đang mở - báo nhà cung cấp
Chưa kiểm tra: phụ đề video (website không có video)
MẪU TRỐNG
Ngày / người kiểm tra / trang / trình duyệt và thiết bị:
#  Trang  Vấn đề  Tham chiếu WCAG  Đã sửa? (có / đang mở + ghi chú)
Chưa kiểm tra:

5. Ghi nhận phát hiện mà không khẳng định tuân thủ pháp luật

Chỉnh sửa bằng cách nhấp trong trình tạo We.Inc để sửa nhãn và văn bản trên trang
Sửa nhãn và văn bản trực tiếp trong trình tạo We.Inc.

Bước tiếp theo

Bắt đầu từ mẫu doanh nghiệp trong công cụ tạo website We.Inc, rồi dùng checklist và công cụ đánh giá website trước khi xuất bản. Gói Free có tối đa 3 website mẫu trên địa chỉ we.inc (không có lượt dùng AI, không có tên miền riêng); Starter $20/month thêm tính năng xây dựng bằng AI và tên miền riêng (bảng giá). Đang dự trù chi phí sửa hoặc làm lại? Dùng công cụ tính chi phí website.

Bắt đầu xây dựng website doanh nghiệp

Câu hỏi thường gặp

Checklist trợ năng website nên theo tiêu chuẩn nào?

WCAG 2.2 cấp AA là tiêu chuẩn được nhiều luật và chính sách tham chiếu. Checklist này bao gồm các vấn đề phổ biến nhất với doanh nghiệp nhỏ, không phải mọi tiêu chí.

Công cụ tự động có thể giúp website của tôi dễ tiếp cận không?

Không thể tự làm hết. Công cụ phát hiện thuộc tính thiếu và một số vấn đề tương phản, nhưng người thật cần kiểm tra thao tác bàn phím, focus và nhãn cùng alt có dễ hiểu không.

Đạt checklist này có khiến website tuân thủ ADA không?

Không checklist nào bảo đảm tuân thủ pháp luật. Hãy lưu nhật ký có ngày, công bố tuyên bố trợ năng trung thực và hỏi luật sư về nghĩa vụ của bạn.

Bắt đầu miễn phí · Không cần thẻ tín dụng

Product

Who It's For

Features

Resources

Company

View Sitemap