Đề 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
Đánh giá (5)
Tôi thực sự đánh giá cao cách giảng viên sử dụng phương pháp thời gian thực để thể hiện cách nhóm của chúng tôi có thể áp dụng Thiết kế Tập trung vào Con người (HCD) cho dự án. Thật tuyệt vời khi giảng viên dành thời gian để hiểu rõ dự án của chúng tôi ở cấp độ tổng quan, điều này đã giúp cung cấp hướng dẫn rõ ràng và thực tế về cách chúng tôi có thể tiếp cận tốt hơn cả UX và UI.
Nichole Bryant Joven - Grundfos
Khóa học - Human-Centered Design (HCD)
Dịch thuật bằng máy
Thực tế là có các ví dụ thực tế đi kèm với nội dung
Smita Hanuman - Standard Bank of SA Ltd
Khóa học - Basel III – Certified Basel Professional
Dịch thuật bằng máy
Tôi rất thích cách giảng viên thể hiện kiến thức sâu rộng về Figma.
January Oliva - Eko Health
Khóa học - User Experience Design with Figma
Dịch thuật bằng máy
- bài tập thực tế - giảng viên hỗ trợ trong việc trả lời các câu hỏi cụ thể của chúng ta
Germaine Choi - The Hong Kong Jockey Club
Khóa học - User Experience (UX) Design
Dịch thuật bằng máy
Không khí, cách tiếp cận các bài tập và bình luận về nhiệm vụ. Đây thật sự là một cách truyền đạt kiến thức rất thoải mái và dễ chịu.
Elzbieta Moc-Kilanska - EY GDS
Khóa học - User Experience UX Design Fundamentals
Dịch thuật bằng máy