Chuyên môn · Khả dụng và tiếp cận

Khả năng tiếp cận: vì sao đáng làm

Một câu hỏi thực tế: khả năng tiếp cận tốn thêm công, vậy lợi ích thật sự là gì và khi nào nên ưu tiên?

Chốt nhanh

Khả năng tiếp cận (accessibility) mở rộng số người dùng được sản phẩm số của Anh/Chị, không chỉ người khuyết tật mà còn người lớn tuổi, người dùng điện thoại trong điều kiện bất lợi như ngoài nắng hay mạng yếu. Làm đúng từ khâu thiết kế rẻ hơn nhiều so với vá sau khi đã lập trình xong. Với thị trường trong nước hiện chưa có luật bắt buộc, nhưng nếu sản phẩm hướng ra châu Âu hay Mỹ thì đây là yêu cầu pháp lý cần xem xét.

Nhìn nhanh
Hợp với
ngành có nhiều người lớn tuổi hoặc bán vào thị trường có luật tiếp cậndự án còn ở khâu luồng và giao diện, rẻ hơn vá sau khi đã lập trìnhmuốn nhắm chuẩn WCAG (Web Content Accessibility Guidelines) cấp AA cho website công khai
Không hợp
xem tiếp cận là việc kỹ thuật cuối cùng rồi vá cho cóchỉ dùng màu để truyền thông tin mà không kèm chữ hay biểu tượng
Ngành hay dùng
tài chínhy tếgiáo dục

Khả năng tiếp cận (accessibility) là khả năng một sản phẩm số dùng được với càng nhiều người càng tốt, bất kể hạn chế về thể chất, giác quan hay hoàn cảnh sử dụng. Đây không phải việc nhân đạo thêm vào cuối dự án. Đây là quyết định thiết kế ảnh hưởng trực tiếp đến phạm vi người dùng và chi phí sửa chữa về sau.

Ai thật sự hưởng lợi

Hình dung thường gặp là tiếp cận chỉ phục vụ người khiếm thị hay khiếm thính. Thực tế rộng hơn nhiều. W3C gọi hiện tượng này là hiệu ứng lề đường cắt (curb-cut effect): tính năng thiết kế cho người khuyết tật lại giúp ích cho tất cả mọi người.

  • Người lớn tuổi có thị lực giảm hoặc vận động chậm hơn.
  • Người đang bế con, gãy tay, hoặc dùng điện thoại một tay.
  • Người xem màn hình ngoài nắng, nơi tương phản thấp là vấn đề thật.
  • Người dùng mạng chậm hoặc thiết bị cũ, nơi cấu trúc rõ ràng giúp trang vẫn dùng được.

Chữ máy đánh chữ, email, điều khiển bằng giọng nói: W3C liệt kê cả ba ví dụ này là công nghệ bắt đầu từ nhu cầu tiếp cận rồi phổ biến rộng rãi. Thiết kế tốt cho nhóm có hạn chế thường là thiết kế tốt cho tất cả.

Chuẩn nào cần biết

WCAG (Web Content Accessibility Guidelines, tức Hướng dẫn Tiếp cận Nội dung Web) là chuẩn quốc tế do W3C ban hành. Bản 2.2 là Khuyến nghị chính thức từ tháng 10 năm 2023, xây trên bốn nguyên tắc viết tắt POUR:

  • Perceivable (Cảm nhận được): người dùng nhìn, nghe hoặc cảm nhận được nội dung.
  • Operable (Vận hành được): điều hướng và thao tác hoạt động được, kể cả chỉ dùng bàn phím.
  • Understandable (Hiểu được): nội dung và giao diện không gây nhầm lẫn.
  • Robust (Bền vững): hoạt động được trên nhiều thiết bị và công nghệ hỗ trợ.

WCAG có ba cấp A, AA, AAA cộng dồn: đạt AA nghĩa là đã thỏa cả A và AA. Phần lớn thực hành và ràng buộc pháp lý lấy cấp AA làm mốc. Hiếm khi cần đạt AAA toàn bộ, nhưng có thể chọn áp dụng AAA cho một số hạng mục cụ thể.

Khi nào ưu tiên sớm

Đưa vào từ khâu thiết kế: chọn màu, chọn chữ, vạch cấu trúc tiêu đề ngay khi làm hệ thống nhận diện. Chi phí thấp vì chưa có code nào cần sửa. Tương phản màu được chốt đúng ngay từ palette, không phải điều chỉnh lại toàn bộ sau khi đã triển khai.

Vá sau khi lập trình xong: phải sửa màu trong cả hệ thống, thêm nhãn vào từng trường biểu mẫu, viết lại cách thông báo lỗi. Tốn hơn và dễ bỏ sót.

Ưu tiên sớm đặc biệt có lý trong các trường hợp: ngành phục vụ nhiều người lớn tuổi như tài chính, y tế, giáo dục; sản phẩm hướng ra thị trường có luật tiếp cận; hoặc khi dự án còn ở khâu luồng và giao diện chưa sang lập trình.

Ràng buộc pháp lý theo thị trường

Với sản phẩm phục vụ khách trong nước: Việt Nam hiện chưa có luật bắt buộc WCAG cho web thương mại. Đây là lựa chọn nâng chất lượng và mở rộng người dùng, chưa phải nghĩa vụ pháp lý.

Với sản phẩm hướng ra ngoài: Đạo luật Tiếp cận châu Âu (European Accessibility Act) có hiệu lực từ năm 2025; Mỹ có ADA và Mục 508 (Section 508). Cả hai thị trường thường lấy WCAG cấp AA làm mốc. Phần xác định luật áp dụng cụ thể cho từng thị trường nên hỏi chuyên gia pháp lý, Sinh Vũ chỉ nêu ở mức tham khảo định hướng.

Lỗi thường gặp

  • Xem tiếp cận là việc kỹ thuật cuối dự án, vá cho có thay vì thiết kế từ đầu.
  • Tương phản màu chữ trên nền quá thấp, người mắt kém hoặc dùng màn hình ngoài sáng đọc không nổi.
  • Ảnh không có mô tả thay thế (alt text): trình đọc màn hình bỏ trống, người khiếm thị mất thông tin.
  • Dùng màu làm phương tiện thông tin duy nhất, ví dụ báo lỗi chỉ bằng chữ đỏ mà không kèm nhãn chữ hay biểu tượng.
  • Không thao tác được bằng bàn phím, vùng bấm quá nhỏ, biểu mẫu thiếu nhãn.
  • Dán huy hiệu tuân thủ lên trang mà chưa kiểm chứng thật.

Góc nhìn của Sinh Vũ

Tiếp cận không phải lớp phủ thêm vào cuối. Nó là kỷ luật thiết kế bắt đầu từ lúc chọn màu và chọn chữ.

Kinh nghiệm thực hành, Sinh Vũ Studio

Trong dịch vụ thiết kế nền tảng thương hiệu, Sinh Vũ đưa các tiêu chí khả dụng cơ bản vào baseline: tương phản màu, cỡ chữ đọc được, cấu trúc tiêu đề rõ, nhãn biểu mẫu đủ, thao tác bàn phím cơ bản. Vì khâu chọn màu và chữ nằm ngay ở giai đoạn nhận diện thương hiệu, đây là chỗ chốt tương phản sớm nhất, tránh phải sửa lại palette khi sản phẩm đã lên web.

Sinh Vũ không cấp chứng nhận tuân thủ WCAG bằng văn bản pháp lý. Nếu Anh/Chị cần chứng nhận chính thức cho một thị trường cụ thể, đó là việc của đơn vị kiểm định chuyên trách. Điều Sinh Vũ làm được là giúp Anh/Chị khởi đầu đúng hướng ngay từ thiết kế, để phần kiểm định sau đó không phải bắt đầu từ số không.

Nguồn tham khảo

Web Content Accessibility Guidelines (WCAG) 2.2, W3C; WCAG 2 Overview, W3C WAI; The Business Case for Digital Accessibility, W3C WAI.

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

Khả năng tiếp cận chỉ liên quan đến người khuyết tật thôi không?

Không. Người hưởng lợi còn gồm người lớn tuổi, người đang bế con một tay, người gãy tay, người dùng điện thoại ngoài nắng hay mạng chậm. W3C gọi đây là hiệu ứng lề đường cắt: tính năng thiết kế cho người khuyết tật thường lại giúp ích cho tất cả.

Làm theo tiếp cận có tốt cho SEO không?

Có một phần trùng lợi ích: ảnh có mô tả thay thế, cấu trúc tiêu đề rõ ràng và tốc độ tải hợp lý đều có lợi cho cả SEO lẫn tiếp cận. Tuy nhiên nhiều tiêu chí tiếp cận không ảnh hưởng tới SEO, nên không nên xem hai việc là một.

Sinh Vũ có cấp chứng nhận WCAG không?

Không. Sinh Vũ đưa nền tảng chuẩn khả dụng vào baseline thiết kế, bao gồm tương phản màu, cỡ chữ, cấu trúc tiêu đề và nhãn biểu mẫu. Nếu Anh/Chị cần chứng nhận tuân thủ chính thức bằng văn bản pháp lý, cần đơn vị kiểm định chuyên trách.

← Về Trải nghiệm số
{INJ}