Hỗ trợ tiếp cận kỹ thuật số (thường được viết tắt là a11y) là nội dung xoay quanh việc thiết kế và xây dựng các trang web cũng như ứng dụng web mà người khuyết tật có thể tương tác theo cách có ý nghĩa và tương đương.
Khoá học này dành cho những nhà phát triển web mới bắt đầu và đã nâng cao. Bạn có thể xem hết loạt video từ đầu đến cuối để hiểu chung về các phương pháp và phương pháp kiểm thử hỗ trợ tiếp cận, hoặc có thể dùng làm tài liệu tham khảo cho các chủ đề cụ thể. Nếu bạn đọc một thuật ngữ lạ, hãy tham khảo bảng thuật ngữ của chúng tôi. Đối với những người mới làm quen với hoạt động phát triển web nói chung, hãy xem các khoá học Tìm hiểu HTML để nắm được kiến thức cơ bản về mã đánh dấu và các khoá học Tìm hiểu về CSS để nắm được kiến thức cơ bản về cách tạo kiểu.
Đây chưa phải là tài liệu tham khảo đầy đủ. Mỗi phần đều giới thiệu chủ đề của mục, đưa ra bối cảnh và ví dụ. Sẽ có đường liên kết đến các thông tin tham chiếu về chủ đề, chẳng hạn như quy cách MDN và WCAG cũng như các bài viết khác trên web.dev. Mỗi phần sẽ có một bài đánh giá ngắn để giúp mọi người xác nhận mức độ hiểu biết của mình.
Một số phương pháp hay nhất về hỗ trợ tiếp cận sẽ khác nhau, dựa trên tình trạng khuyết tật mà bạn đang giải quyết. Điều quan trọng là bạn phải hiểu người dùng của mình và lắng nghe những người khuyết tật khi họ cho bạn biết điều họ cần.
Chúng tôi luôn sẵn sàng đón nhận ý kiến phản hồi của bạn! Mở một vấn đề trên GitHub và cung cấp nhiều thông tin nhất có thể để chúng tôi có thể giải quyết vấn đề đó.
Dưới đây là những nội dung bạn sẽ tìm hiểu:
Hỗ trợ tiếp cận kỹ thuật số là gì và tại sao khả năng này lại quan trọng?
Thiết kế và xây dựng các trang web cũng như ứng dụng web mà người khuyết tật có thể tương tác theo cách có ý nghĩa và tương đương. Hãy đọc về hoạt động kinh doanh và tác động pháp lý của những lựa chọn này.
ARIA và HTML
Khi nào sử dụng ARIA so với HTML.
Cấu trúc nội dung
Sử dụng HTML ngữ nghĩa, điểm mốc và bảng cho nội dung dễ truy cập.
Tài liệu
Các phần tử HTML bổ sung cần xem xét khi xây dựng trang web và ứng dụng web dễ truy cập.
Tiêu điểm bàn phím
Hiểu và cải thiện thứ tự và kiểu điều hướng trên bàn phím.
JavaScript
Viết các sự kiện kích hoạt có thể truy cập, tiêu đề trang, nội dung động, v.v.
Hình ảnh
Tạo hình ảnh dễ tiếp cận.
Màu sắc và độ tương phản
Xây dựng bảng màu dễ tiếp cận với độ tương phản thích hợp.
Ảnh động và chuyển động
Hỗ trợ những người mắc tất cả các loại rối loạn kích hoạt vận động.
Kiểu chữ
Chọn kiểu chữ, cỡ chữ phù hợp và sắp xếp cấu trúc cho bản sao bằng một bố cục dễ tiếp cận.
Video và âm thanh
Các loại nội dung nghe nhìn thay thế giúp mọi người có thể truy cập vào video và âm thanh của bạn.
Biểu mẫu
Tạo biểu mẫu dễ tiếp cận.
Thiết kế và trải nghiệm người dùng
Tạo các thiết kế dễ tiếp cận và đánh giá trải nghiệm người dùng.
Kiểm tra khả năng hỗ trợ tiếp cận tự động
Cách kiểm tra khả năng hỗ trợ tiếp cận tự động.
Kiểm tra khả năng hỗ trợ tiếp cận theo cách thủ công
Cách kiểm tra khả năng tiếp cận theo cách thủ công.
Kiểm thử Công nghệ hỗ trợ
Cách kiểm tra bằng Công nghệ hỗ trợ (AT).
Tổng kết và các bước tiếp theo
Các tài nguyên khác để giúp bạn thực hiện các bước tiếp theo.
Bảng thuật ngữ
Tìm hiểu các thuật ngữ và khái niệm phổ biến về hỗ trợ tiếp cận.
Vậy bạn đã sẵn sàng tìm hiểu về khả năng hỗ trợ tiếp cận chưa? Hãy cùng bắt đầu nào.