Đề cương khóa học

Bối cảnh Pháp lý & Cơ bản Tiếp cận

Module 1: Giới thiệu về Luật Tiếp cận và Tầm quan trọng của nó

  • Tổng quan về Luật Tiếp cận mới (có hiệu lực từ ngày 28 tháng 6)
  • Yêu cầu pháp lý và thời hạn
  • Tác động đến khu vực công, doanh nghiệp tư nhân và nhà phát triển
  • Tại sao tiếp cận quan trọng: góc nhìn xã hội, đạo đức và kinh doanh
  • Phạt vi phạm tuân thủ
  • Tổng quan về tiêu chuẩn tiếp cận (WCAG 2.1/2.2, ARIA)
  • Các loại khuyết tật

Module 2: Nguyên tắc & Hướng dẫn Tiếp cận

  • Nguyên tắc POUR (Perceivable, Operable, Understandable, Robust)
  • Giới thiệu về hướng dẫn WCAG
  • Vai trò, trạng thái và thuộc tính ARIA
  • HTML có ý nghĩa và vai trò của nó trong tiếp cận

Module 3: Thiết lập Môi trường Phát triển Tiếp cận

  • Công cụ: công cụ dev trình duyệt, máy đọc màn hình (NVDA, VoiceOver), tiện ích mở rộng tiếp cận
  • Thiết lập linters và công cụ kiểm tra tự động tiếp cận
  • Tổng quan về các công cụ kiểm tra tiếp cận phổ biến
  • Thiết lập kiểm tra tiếp cận trên mô phỏng di động và thiết bị thực tế (sử dụng VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector).

Module 4: Lập trình Thực tế – HTML có Ý nghĩa & Điều hướng Bàn phím

  • Viết markup có ý nghĩa cho tiếp cận
  • Đảm bảo điều hướng bàn phím đầy đủ
  • Kỹ thuật quản lý tiêu điểm
  • Xử lý biểu mẫu và phần tử tương tác một cách tiếp cận

Tiếp cận trong Ứng dụng Di động Native (Module bổ sung tùy chọn cho 1.5 giờ)

  • Hướng dẫn nền tảng chính (Google Material, Apple Human Interface)
  • Làm cho điều hướng, nút bấm, biểu mẫu tiếp cận trên di động
  • Các vấn đề tiếp cận phổ biến và giải pháp trong di động
  • Kiểm thử hands-on với VoiceOver và TalkBack

Lập trình Nâng cao & Công nghệ Hỗ trợ

Module 5: CSS Tiếp cận và Thiết kế Thị giác

  • Thực hành tốt nhất về độ tương phản màu sắc và kích thước chữ
  • Phong cách tiêu điểm và chỉ báo tiêu điểm hiển thị
  • Xem xét thiết kế đáp ứng cho tiếp cận
  • Tránh bẫy tiếp cận trong hoạt ảnh và chuyển đổi
  • Hướng dẫn độ tương phản màu sắc và kích thước cho màn hình di động.

Module 6: ARIA cho Nội dung Động & Ứng dụng Internet Giàu

  • Khi và cách sử dụng thuộc tính ARIA
  • Quản lý khu vực trực tiếp cho máy đọc màn hình
  • Tạo các widget và thành phần tùy chỉnh tiếp cận
  • Vai trò của ARIA trong SPA (Ứng dụng Trang Đơn)
  • Đối với di động, thảo luận về các vai trò và nhãn tiếp cận trên nền tảng gốc (ví dụ: contentDescription trong Android, accessibilityLabel trong iOS).

Module 7: Phòng Lab Lập trình Thực tế: Xây dựng Thành phần Tiếp cận

  • Tạo các nút, cửa sổ modal, dropdowns, tabs tiếp cận
  • Triển khai xác thực và xử lý lỗi biểu mẫu tiếp cận
  • Sử dụng ARIA và HTML có ý nghĩa cho các thành phần giao diện người dùng thực tế

Kiểm thử, Tuân thủ, và Tiếp cận Liên tục

Module 8: Kiểm thử & Kiểm toán Tiếp cận

  • Kỹ thuật kiểm thử thủ công với máy đọc màn hình và chỉ bàn phím
  • Kiểm thử tự động với các công cụ như axe, Lighthouse, pa11y
  • Viết các trường hợp kiểm thử tiếp cận cho đội QA
  • Tích hợp kiểm thử tiếp cận trong pipelines CI/CD
  • Cách chạy kiểm toán tiếp cận trên ứng dụng di động gốc (kiểm thử thủ công, các công cụ tự động như Accessibility Scanner, Espresso cho Android, XCTest cho iOS)

Module 9: Chỉnh sửa & Tiếp cận Liên tục

  • Các vấn đề tiếp cận phổ biến và cách khắc phục chúng
  • Quản lý tiếp cận trong các codebase cũ
  • Duy trì tiếp cận khi cập nhật tính năng và tái cấu trúc
  • Tiếp cận trong ứng dụng đa nền tảng (di động, máy tính để bàn, web)

Module 10: Bài Thực hành Cuối cùng và Tổng kết

  • Xây dựng hoặc chỉnh sửa một ứng dụng/module nhỏ để đáp ứng tiêu chuẩn tiếp cận
  • Đánh giá đồng đẳng và thảo luận nhóm
  • Hỏi đáp và phiên phản hồi
  • Tài nguyên cho học tập liên tục và cập nhật tuân thủ

Yêu cầu

  • Kiến thức cơ bản đến trung cấp về HTML, CSS, JavaScript
  • Kiến thức cơ bản đến trung cấp về kỹ thuật ứng dụng di động (Android, IOS)
  • Sự quen thuộc với các framework phía trước (React, Angular, Vue, etc.) là một lợi thế
  • Sự quen thuộc với phát triển ứng dụng di động là một lợi thế
  • Hiểu biết cơ bản về chu trình phát triển web/di động
  • Laptop đã cài đặt môi trường phát triển (trình soạn thảo mã, công cụ dev của trình duyệt)

Đối tượng

  • Nhà phát triển Frontend/Backend/Di động
  • Thiết kế UI/UX có kiến thức lập trình
  • Kỹ sư QA tập trung vào kiểm thử tiếp cận
  • Chủ sản phẩm và Quản lý dự án liên quan đến tuân thủ tiếp cận
 21 Giờ học

Số người tham gia


Giá cho mỗi người tham gia

Đánh giá (5)

Các khóa học sắp tới

Các danh mục liên quan