JIS X 8341-3:2016 là hướng dẫn nhằm nâng cao khả năng tiếp cận nội dung web, với mục tiêu giúp người dùng đa dạng có thể truy cập vào nội dung. Danh mục “khả năng nhận biết” đặt ra tiêu chuẩn để nội dung có thể được nhận diện qua các giác quan khác nhau như thị giác, thính giác, và xúc giác. Bài viết này sẽ giải thích về tiêu chuẩn đạt được của “khả năng nhận biết” trong hướng dẫn “có thể thích ứng”, và giới thiệu các phương pháp cụ thể để đạt được từng tiêu chuẩn.
Khả năng thích ứng (Số hiệu: 1.3.1) thông tin và mối quan hệ
Tóm tắt về các tiêu chuẩn đạt được
「1.3.1 Thông tin và mối quan hệ」yêu cầu thiết kế nội dung web sao cho ý nghĩa của thông tin và mối quan hệ của chúng có thể được nhận diện không chỉ bằng mắt mà còn qua chương trình. Cụ thể, mục tiêu là đánh dấu đúng cấu trúc của tiêu đề, danh sách, bảng, biểu mẫu, v.v., để các công nghệ hỗ trợ như trình đọc màn hình có thể truyền đạt thông tin một cách chính xác.
Các điểm chính để đạt được
-
Sử dụng hợp lý tiêu đề và danh sách
Tiêu đề nên được sử dụng đúng cách với các thẻ từ <h1> đến <h6> để thể hiện cấu trúc phân cấp của trang. Danh sách nên sử dụng <ul> hoặc <ol> để làm rõ mối quan hệ giữa các mục. -
Đánh dấu đúng bảng
Bảng cần sử dụng ô tiêu đề <th> và ô dữ liệu <td> để liên kết giữa ô tiêu đề và ô dữ liệu. Đặc biệt, trong các bảng phức tạp, nên sử dụng thuộc tính scope và headers để làm rõ mối quan hệ giữa các ô. -
Gán nhãn cho biểu mẫu
Các yếu tố biểu mẫu phải sử dụng thẻ <label> để truyền đạt rõ ràng ý nghĩa của từng trường nhập liệu. Ngoài ra, thuộc tính for được sử dụng để liên kết nhãn của biểu mẫu với trường nhập liệu, giúp công nghệ hỗ trợ có thể đọc đúng thông tin.
Khả năng thích ứng (Số hiệu: 1.3.2) thứ tự có ý nghĩa
Tóm tắt về các tiêu chuẩn đạt được
「1.3.2 Thứ tự có ý nghĩa」yêu cầu đảm bảo rằng nội dung được truyền đạt theo thứ tự chính xác. Điều này có nghĩa là, khi bố cục trực quan ảnh hưởng đến việc truyền đạt ý nghĩa, thứ tự đó phải hợp lý. Cần có mã lập trình chính xác để đảm bảo thứ tự được truyền đạt đúng đến công nghệ hỗ trợ.
Các điểm chính để đạt được
-
Thứ tự hợp lý của nội dung
Xác minh rằng thứ tự các yếu tố HTML được thiết kế đúng dựa trên bố cục trực quan. Ví dụ, thông tin quan trọng nên được hiển thị trước, sau đó là thông tin bổ sung, để cấu trúc mã hợp lý. -
Thứ tự thao tác bằng phím Tab
Trong thao tác bằng bàn phím, cần đảm bảo rằng việc di chuyển tiêu điểm bằng phím Tab là trực quan. Hãy tránh sử dụng thuộc tính tabindex không đúng cách, để tiêu điểm không di chuyển theo thứ tự không mong muốn. -
Sử dụng các mốc ARIA
Sử dụng các mốc ARIA (Accessible Rich Internet Applications) phù hợp (ví dụ: role=“main”, role=“navigation”, role=“complementary”, v.v.) để chỉ ra thứ tự hợp lý và xác định rõ các phần của trang.
Khả năng thích ứng (Số hiệu: 1.3.3) đặc điểm cảm giác
Tóm tắt về các tiêu chuẩn đạt được
「1.3.3 Đặc điểm cảm giác」yêu cầu rằng việc truyền đạt thông tin không chỉ phụ thuộc vào các đặc điểm cảm giác như màu sắc, hình dạng, vị trí và âm thanh. Điều này giúp người dùng có khuyết tật về thị giác hoặc thính giác có thể nhận được thông tin một cách chính xác.
Các điểm chính để đạt được
-
Cung cấp thông tin bổ sung bằng văn bản
Thay vì sử dụng mô tả như “Nhấn nút đỏ”, hãy sử dụng văn bản cụ thể như “Nhấn nút xóa” để cung cấp mô tả không phụ thuộc vào cảm giác. -
Sử dụng văn bản hoặc biểu tượng thay cho màu sắc
Khi sử dụng màu sắc để nhấn mạnh thông tin, hãy luôn kết hợp với văn bản hoặc biểu tượng. Ví dụ, thay vì chỉ hiển thị thông báo lỗi bằng màu đỏ, hãy thêm biểu tượng (ví dụ: ❌) hoặc một thông điệp rõ ràng. -
Hỗ trợ trực quan cho thông tin chỉ được truyền đạt bằng âm thanh
Ví dụ, thay vì chỉ sử dụng âm thanh cảnh báo để thu hút sự chú ý, hãy hiển thị một cửa sổ pop-up hoặc thông điệp trực quan để đảm bảo rằng người dùng khiếm thính cũng có thể nhận được thông tin.
Tầm quan trọng của việc tuân thủ các tiêu chuẩn đạt được của “khả năng nhận biết”
Việc đáp ứng các tiêu chuẩn của “khả năng nhận biết” là cơ bản để giúp người dùng có khiếm khuyết về thị giác, thính giác hoặc thể chất sử dụng trang web một cách dễ dàng. Cấu trúc và thứ tự chính xác, cùng với việc cung cấp thông tin không phụ thuộc vào cảm giác, không chỉ nâng cao khả năng tiếp cận mà còn cải thiện tổng thể tính khả dụng. Hơn nữa, điều này tạo ra một môi trường mà tất cả người dùng đều có thể truy cập công bằng vào nội dung web, góp phần mở rộng phạm vi tiếp cận kinh doanh và nâng cao giá trị xã hội.
Tóm tắt
Tiêu chuẩn đạt được “có thể thích ứng” trong danh mục “khả năng nhận biết” của JIS X 8341-3:2016 là nền tảng để đảm bảo nội dung web được truyền đạt chính xác đến nhiều người dùng khác nhau. Bằng cách thực hiện cấu trúc thông tin, thứ tự có ý nghĩa và thiết kế không phụ thuộc vào cảm giác, một trang web dễ tiếp cận và dễ sử dụng sẽ được xây dựng. Việc tuân thủ tiêu chuẩn này thể hiện cam kết theo đuổi “tính khả dụng” cho tất cả mọi người, và sẽ trở thành một nỗ lực có ý nghĩa lớn trong xã hội.
Chúng tôi đã phát hành UUU Web Accessibility Widget Tool, công cụ giúp dễ dàng triển khai khả năng truy cập web. Nếu bạn quan tâm đến việc cải thiện khả năng truy cập, hãy xem thêm thông tin chi tiết.