Đề 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设计师
- 专注于可访问性测试的质量保证工程师
- 参与无障碍合规的产品所有者和项目经理
Testimonials (5)
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
Course - Basel III – Certified Basel Professional
Machine Translated
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
Course - User Experience Design with Figma
Machine Translated
- 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
Course - User Experience (UX) Design
Machine Translated
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
Course - User Experience UX Design Fundamentals
Machine Translated
Giảng viên rất rõ ràng và Concise. Rất dễ hiểu và tiếp thu thông tin. (Note: "Concise" is kept as is because there isn't a direct equivalent that maintains the specific meaning in Vietnamese.)
Paul Clancy - Rowan Dartington
Course - CGEIT – Certified in the Governance of Enterprise IT
Machine Translated