Đề 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)
Huấn luyện viên của chúng tôi, Yashank, có kiến thức vô cùng sâu rộng. Ông đã điều chỉnh chương trình học để phù hợp với những gì chúng tôi thực sự cần phải biết, và chúng tôi đã có trải nghiệm học tập tuyệt vời với ông ấy. Sự hiểu biết về lĩnh vực mà ông đang giảng dạy là ấn tượng; ông đã chia sẻ những thông tin từ kinh nghiệm thực tế và giúp chúng tôi giải quyết các vấn đề thực tế mà chúng tôi đang gặp phải trong công việc.
Ahmed Nazeem - Maldives Pension Administration Office
Khóa học - Multimodal AI for Enhanced User Experience
Dịch thuật bằng máy
"Tôi thực sự đánh giá cao phương pháp tiếp cận thời gian thực mà giảng viên đã sử dụng để 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. Điều tuyệt vời nữa là giảng viên đã dành thời gian để hiểu dự án của chúng tôi ở mức độ 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ó những 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 dường như rất am hiểu 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ợ tích cực trong việc trả lời các câu hỏi cụ thể của chúng tôi
Germaine Choi - The Hong Kong Jockey Club
Khóa học - User Experience (UX) Design
Dịch thuật bằng máy