Trợ năng

Trợ năng (thường được viết tắt là A11y: chữ "a", tiếp theo là 11 ký tự, rồi đến "y") trong phát triển web nghĩa là giúp càng nhiều người càng tốt có thể sử dụng website, kể cả khi khả năng của họ bị giới hạn theo một cách nào đó.

Với nhiều người, công nghệ làm mọi thứ trở nên dễ dàng hơn. Với người khuyết tật, công nghệ làm cho nhiều điều trở nên khả thi. Trợ năng nghĩa là phát triển nội dung sao cho có thể tiếp cận tối đa, bất kể khả năng thể chất, nhận thức của mỗi cá nhân và cách họ truy cập web.

Web về bản chất được thiết kế để hoạt động cho mọi người, bất kể phần cứng, phần mềm, ngôn ngữ, vị trí hay khả năng của họ. Khi Web đạt được mục tiêu này, nó sẽ có thể tiếp cận với những người có mức độ nghe, vận động, thị giác và nhận thức rất đa dạng.
– (W3C - Accessibility)

Hướng dẫn cho người mới bắt đầu

Mô-đun Trợ năng trong phần học phát triển web của chúng tôi chứa các hướng dẫn hiện đại, cập nhật về những kiến thức nền tảng của trợ năng.

Trợ năng là gì?

Bài viết này mở đầu mô-đun bằng một cái nhìn tổng quan về trợ năng, bao gồm những nhóm người nào cần được cân nhắc và vì sao, các công cụ mà những người khác nhau sử dụng để tương tác với web, và cách chúng ta có thể đưa trợ năng vào quy trình phát triển web.

Công cụ trợ năng và công nghệ hỗ trợ

Tiếp theo, chúng ta chuyển sang các công cụ trợ năng, cung cấp thông tin về những loại công cụ bạn có thể dùng để giải quyết các vấn đề về trợ năng, cùng với các công nghệ hỗ trợ mà người khuyết tật sử dụng khi duyệt web. Bạn sẽ dùng các công cụ này xuyên suốt những bài viết tiếp theo.

HTML: nền tảng tốt cho trợ năng

Rất nhiều nội dung web có thể trở nên dễ tiếp cận chỉ bằng cách bảo đảm luôn dùng đúng phần tử HTML cho đúng mục đích. Bài viết này xem xét chi tiết cách HTML có thể được dùng để bảo đảm mức trợ năng tối đa.

Các thực hành tốt nhất về trợ năng với CSS và JavaScript

CSS và JavaScript, khi được sử dụng đúng cách, cũng có thể mang lại trải nghiệm web có trợ năng, nhưng nếu dùng sai thì chúng có thể gây hại nghiêm trọng đến trợ năng. Bài viết này trình bày một số thực hành tốt nhất với CSS và JavaScript cần được cân nhắc để bảo đảm ngay cả nội dung phức tạp cũng dễ tiếp cận nhất có thể.

Kiến thức cơ bản về WAI-ARIA

Tiếp nối bài viết trước, đôi khi việc tạo các điều khiển giao diện phức tạp liên quan đến HTML không ngữ nghĩa và nội dung động được cập nhật bằng JavaScript có thể rất khó khăn. WAI-ARIA là một công nghệ có thể giúp giải quyết những vấn đề như vậy bằng cách bổ sung thêm ngữ nghĩa để trình duyệt và công nghệ hỗ trợ có thể nhận biết và dùng nhằm cho người dùng biết điều gì đang diễn ra. Ở đây chúng tôi sẽ chỉ ra cách dùng nó ở mức cơ bản để cải thiện trợ năng.

Đa phương tiện có trợ năng

Một nhóm nội dung khác có thể tạo ra vấn đề về trợ năng là nội dung đa phương tiện. Video, âm thanh và hình ảnh cần có các phương án thay thế bằng văn bản phù hợp để công nghệ hỗ trợ và người dùng của chúng có thể hiểu được. Bài viết này chỉ ra cách thực hiện.

Trợ năng trên thiết bị di động

Khi việc truy cập web trên thiết bị di động ngày càng phổ biến, và các nền tảng phổ biến như iOS và Android đều có đầy đủ công cụ trợ năng, điều quan trọng là phải cân nhắc trợ năng của nội dung web trên các nền tảng này. Bài viết này xem xét các điểm cần lưu ý riêng cho trợ năng trên di động.

Hướng dẫn về trợ năng

Các hướng dẫn về trợ năng đề cập đến các nguyên tắc biên soạn, tuân thủ WCAG, widget và điều hướng có trợ năng, trợ năng trên di động, cùng các chủ đề quan trọng khác giúp bạn hiểu vì sao trợ năng lại thiết yếu đối với web và cách cải thiện nó trong các dự án của mình.

Thông tin về trợ năng cho tác giả web

Tài liệu này liệt kê các hướng dẫn và quy định, cách thực hiện, cùng các công cụ để kiểm tra và sửa chữa các vấn đề trợ năng trên website.

Cá nhân hóa để duyệt web an toàn hơn

Bài viết này thảo luận về việc làm cho nội dung web dễ tiếp cận hơn đối với những người có rối loạn tiền đình và những người hỗ trợ họ, bằng cách tận dụng các thiết lập cá nhân hóa và trợ năng được tích hợp trong hệ điều hành.

Ứng dụng web và widget có trợ năng

Hầu hết các thư viện JavaScript đều cung cấp một bộ widget phía client mô phỏng hành vi của các giao diện desktop quen thuộc. Dù điều này tạo ra một widget trông giống như đối tác desktop của nó, thường vẫn không có đủ thông tin ngữ nghĩa trong markup để công nghệ hỗ trợ có thể sử dụng được. Tài liệu này mô tả các kỹ thuật để cải thiện trợ năng của những widget như vậy.

Widget JavaScript có thể điều hướng bằng bàn phím

Từ trước đến nay, các nhà phát triển web muốn làm cho những widget được tạo kiểu bằng <div><span> có trợ năng vẫn thiếu các kỹ thuật phù hợp. Khả năng truy cập bằng bàn phím là một phần trong các yêu cầu trợ năng tối thiểu mà nhà phát triển cần lưu ý. Tài liệu này mô tả các kỹ thuật giúp widget JavaScript có thể truy cập được bằng bàn phím.

Danh sách kiểm tra trợ năng trên di động

Tài liệu này cung cấp một danh sách kiểm tra ngắn gọn về các yêu cầu trợ năng dành cho nhà phát triển ứng dụng di động.

Hiểu về Nguyên tắc Trợ năng Nội dung Web (WCAG)

Một tập hợp các bài viết cung cấp phần giải thích nhanh để giúp bạn hiểu những bước cần thực hiện nhằm tuân thủ các khuyến nghị được nêu trong Nguyên tắc Trợ năng Nội dung Web (WCAG).

Trợ năng nhận thức

Trợ năng nhận thức bao gồm các cân nhắc về trợ năng dành cho những người có khác biệt về nhận thức và học tập. Tài liệu này giới thiệu về trợ năng nhận thức và cách cải thiện khả năng tiếp cận của web cho những người có khác biệt về nhận thức và học tập.

Trợ năng và các mẫu không gian

Tài liệu này mô tả các mẫu trực quan có thể gây ra triệu chứng thể chất ở những người mắc động kinh nhạy sáng, rối loạn tiền đình hoặc các vấn đề cảm nhận khác.

Trợ năng web: hiểu về màu sắc và độ chói

Dù việc hiểu về màu sắc, độ chói và độ bão hòa là quan trọng đối với thiết kế và khả năng đọc của mọi người dùng có thị lực bình thường, chúng còn đặc biệt thiết yếu với những người giảm thị lực, mù màu và những người có suy giảm thần kinh, nhận thức hoặc các dạng suy giảm khác.

Trợ năng web đối với co giật và phản ứng thể chất

Một số loại nội dung trực quan trên web có thể gây co giật ở những người mắc một số rối loạn thần kinh nhất định. Bài viết này giúp bạn hiểu những loại nội dung nào có thể gây vấn đề và tìm ra các công cụ cũng như chiến lược giúp tránh chúng.

ARIA

Đây là một tập hợp các bài viết giúp bạn học cách sử dụng Accessible Rich Internet Applications (ARIA) để làm cho tài liệu HTML của mình dễ tiếp cận hơn.

Tài liệu tham khảo

Tài liệu tham khảo ARIA

Tài liệu tham khảo cho các thuộc tính và vai trò của Accessible Rich Internet Applications (ARIA).

Xem thêm