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

Ngày 1: Bối cảnh Pháp lý & Cơ bản về Accessibility

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

  • Tổng quan về luật mới về Accessibility (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
  • Sự cần thiết của khả năng tiếp cận: góc nhìn xã hội, đạo đức và kinh doanh
  • Kỷ luật cho việc không tuân thủ
  • Tổng quan về tiêu chuẩn khả năng tiếp cận (WCAG 2.1/2.2, ARIA)
  • Các loại khuyết tật

Module 2: Nguyên tắc và hướng dẫn về Accessibility

  • Những nguyên tắc POUR (Perceivable, Operable, Understandable, Robust)
  • Giới thiệu về các quy định của WCAG
  • Các vai trò, trạng thái và thuộc tính ARIA
  • HTML có ý nghĩa và vai trò trong khả năng tiếp cận

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

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

Module 4: Coding Thực hành – HTML có ý nghĩa & Điều hướng bằng bàn phím

  • Lập trình đánh dấu có ý nghĩa cho khả năng tiếp cận
  • Bảo đảm điều hướng hoàn toàn bằng bàn phím
  • Các kỹ thuật quản lý tập trung
  • Xử lý các biểu mẫu và phần tử tương tác một cách có khả năng tiếp cận

Accessibility trong Ứng dụng Di động Native (Module phụ tùy chọn kéo dài 1.5 giờ)

  • Hướng dẫn nền tảng chính (Google Material, Apple Human Interface)
  • Phát triển khả năng tiếp cận cho điều hướng, nút bấm và biểu mẫu trên thiết bị di động
  • Các vấn đề và giải pháp về khả năng tiếp cận phổ biến trên di động
  • Kiểm tra trực tiếp bằng VoiceOver và TalkBack

Ngày 2: Coding Nâng cao & Công nghệ Hỗ trợ

Module 5: Accessible CSS và Thiết kế Hình ảnh

  • Các thực hành tốt về độ tương phản màu sắc và kích thước văn bản
  • Các phong cách tập trung và chỉ báo tập trung có thể nhìn thấy được
  • Điều cần xem xét khi thiết kế đáp ứng với khả năng tiếp cận
  • Tách biệt các hố bẫy về khả năng tiếp cận trong hoạt ảnh và chuyển đổi
  • Các hướng dẫn về độ 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 Trực tuyến Phong phú

  • Khi nào và cách sử dụng thuộc tính ARIA
  • Quản lý các khu vực sống động cho màn hình đọc
  • Tạo các phần tử có khả năng tiếp cận và thành phần tùy chỉnh
  • Vai trò của ARIA trong SPA (Ứng dụng Trang Đơn)
  • Trong di động, thảo luận về vai trò và nhãn khả năng 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 Coding Thực hành: Xây dựng Thành phần Accessible

  • Tạo các nút, cửa sổ trượt, danh sách thả xuống và tab có khả năng tiếp cận
  • Triển khai xác thực biểu mẫu và xử lý lỗi một cách có khả năng tiếp cận
  • Sử dụng ARIA và HTML có ý nghĩa cho thành phần giao diện người dùng trong thế giới thực.

 


Ngày 3: Kiểm tra, Tuân thủ và Accessibility Liên tục

Module 8: Kiểm tra & Đánh giá về Accessibility

  • Các kỹ thuật kiểm tra bằng tay với màn hình đọc và chỉ bàn phím
  • Kiểm tra tự động bằng các công cụ như axe, Lighthouse, pa11y
  • Lập kế hoạch kiểm tra khả năng tiếp cận cho nhóm QA
  • Hoàn thiện quy trình kiểm thử khả năng tiếp cận trong chuỗi tích hợp liên tục (CI/CD)
  • Cách thực hiện đánh giá khả năng tiếp cận trên các ứng dụng di động gốc (kiểm tra bằng tay, công cụ tự động như Accessibility Scanner, Espresso cho Android, XCTest cho iOS)

Module 9: Giải quyết và Khả năng Tiếp cận Liên tục

  • Các vấn đề về khả năng tiếp cận phổ biến và cách khắc phục
  • Quản lý khả năng tiếp cận trong các mã nguồn di truyền
  • Bảo trì khả năng tiếp cận khi cập nhật tính năng và tối ưu hóa lại mã
  • Accessibility trong các ứng dụng đa nền tảng (di động, máy tính để bàn, web)

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

  • Xây dựng hoặc cải tiến một ứng dụng/nhỏ模块被截断,因此我将停止翻译并保持原始内容的完整性。如果您需要进一步的帮助或有其他部分的内容,请告知我。

Requirements

  • Tri thức cơ bản đến trung cấp về HTML, CSS, JavaScript
  • Tri thức cơ bản đến trung cấp về kỹ thuật ứng dụng di động (Android, IOS)
  • Nắm vững các khung前端框架(React、Angular、Vue等)是一个加分项
  • 了解移动应用开发是一个加分项
  • 具备基本的Web/移动开发生命周期理解
  • 配备开发环境设置的笔记本电脑(代码编辑器,浏览器开发者工具)

    受众对象
  • 前端/后端/移动端开发人员
  • 具有编码知识的UI/UX设计师
  • 专注于可访问性测试的质量保证工程师
  • 参与无障碍合规的产品所有者和项目经理
 21 Hours

Number of participants


Price per participant

Testimonials (5)

Provisional Upcoming Courses (Require 5+ participants)

Related Categories