Khả năng tiếp cận trên web
Việc truy cập vào nội dung web như các dịch vụ công cộng, giáo dục, trang thương mại điện tử và giải trí là quyền của con người. Không ai nên bị loại trừ dựa trên khuyết tật, chủng tộc, địa lý hoặc các đặc điểm con người khác. Mô-đun này thảo luận về các thực hành tốt nhất và kỹ thuật bạn nên học để làm cho trang web của mình có khả năng tiếp cận tốt nhất có thể.
Điều kiện tiên quyết
Bạn nên quen thuộc với HTML, CSS, và JavaScript trước khi bắt đầu mô-đun này.
Hướng dẫn và thử thách
- Khả năng tiếp cận là gì?
-
Bài viết này bắt đầu mô-đun với một cái nhìn toàn diện về khả năng tiếp cận — bao gồm việc chúng ta cần xem xét những nhóm người nào và tại sao, những công cụ khác nhau mà mọi người sử dụng để tương tác với web, và cách chúng ta có thể đưa khả năng tiếp cận vào quy trình phát triển web của mình.
- Công cụ hỗ trợ khả năng tiếp cận và công nghệ hỗ trợ
-
Tiếp theo, chúng ta chuyển sự chú ý sang các công cụ hỗ trợ khả năng tiếp cận, cung cấp thông tin về các loại công cụ bạn có thể sử dụng để giải quyết các vấn đề về khả năng tiếp cận, và các công nghệ hỗ trợ mà người khuyết tật sử dụng khi duyệt web. Bạn sẽ sử dụng những công cụ này trong các bài viết tiếp theo.
- HTML: Nền tảng tốt cho khả năng tiếp cận
-
Phần lớn nội dung web có thể được làm dễ tiếp cận chỉ bằng cách đảm bảo các phần tử HTML đúng luôn được sử dụng cho đúng mục đích. Bài viết này xem xét chi tiết cách HTML có thể được sử dụng để đảm bảo khả năng tiếp cận tối đa.
- Thực hành tốt nhất về khả năng tiếp cận với CSS và JavaScript
-
CSS và JavaScript, khi được sử dụng đúng cách, cũng có tiềm năng cho phép trải nghiệm web dễ tiếp cận, nhưng nếu bị lạm dụng, chúng có thể gây hại đáng kể cho khả năng tiếp cận. Bài viết này đưa ra một số thực hành tốt nhất về CSS và JavaScript cần được xem xét để đảm bảo rằng 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 người dùng phức tạp liên quan đến HTML không có ngữ nghĩa và nội dung được cập nhật động bằng JavaScript có thể khó khăn. WAI-ARIA là một công nghệ có thể giúp giải quyết các vấn đề như vậy bằng cách thêm ngữ nghĩa bổ sung mà trình duyệt và công nghệ hỗ trợ có thể nhận biết và sử dụng để cho người dùng biết điều gì đang xảy ra. Ở đây chúng ta sẽ chỉ ra cách sử dụng nó ở mức độ cơ bản để cải thiện khả năng tiếp cận.
- Đa phương tiện dễ tiếp cận
-
Một loại nội dung khác có thể tạo ra các vấn đề về khả năng tiếp cận là đa phương tiện — nội dung video, âm thanh và hình ảnh cần được cung cấp các phương án thay thế bằng văn bản phù hợp, để các 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.
- Khả năng tiếp cận trên thiết bị di động
-
Với 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 có đầy đủ các công cụ hỗ trợ khả năng tiếp cận, điều quan trọng là phải xem xét khả năng tiếp cận nội dung web của bạn trên các nền tảng này. Bài viết này xem xét các cân nhắc về khả năng tiếp cận dành riêng cho thiết bị di động.
- Xử lý sự cố khả năng tiếp cận Thử thách
-
Trong thử thách này, chúng tôi trình bày cho bạn một trang web đơn giản với một số vấn đề về khả năng tiếp cận mà bạn cần chẩn đoán và sửa chữa.
Kiểm tra kỹ năng của bạn
Bạn sẽ tìm thấy các bài viết "Kiểm tra kỹ năng của bạn" được đặt giữa các bài viết hướng dẫn để kiểm tra xem bạn đã nắm được thông tin quan trọng nhất trước khi tiếp tục hay chưa. Nếu bạn muốn khám phá tất cả những điều này cùng nhau, bạn có thể tìm thấy chúng được liệt kê tại Kiểm tra kỹ năng: Khả năng tiếp cận.
Xem thêm
- Bắt đầu xây dựng ứng dụng web dễ tiếp cận ngay hôm nay
-
Một chuỗi hướng dẫn video xuất sắc của Marcy Sutton.
- Tài nguyên của Đại học Deque
-
Bao gồm các ví dụ mã, tài liệu tham khảo về trình đọc màn hình và các tài nguyên hữu ích khác.
- Tài nguyên WebAIM
-
Bao gồm hướng dẫn, danh sách kiểm tra, công cụ và nhiều hơn nữa.
- Danh sách công cụ đánh giá khả năng tiếp cận web
-
Bao gồm danh sách các công cụ đánh giá khả năng tiếp cận web.
- Học thiết kế web dễ tiếp cận Đối tác học tập MDN
-
Khóa học Học thiết kế web dễ tiếp cận của Scrimba dạy bạn cách viết HTML dễ tiếp cận bằng cách giải quyết các thử thách mã hóa tương tác và sửa một trang web thực tế.