Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

Practical Accessibility for Web Developers: Form Controls

Tính Khả Dụng Thực Tế cho Lập Trình Viên Web: Điều Khiển Biểu Mẫu

Tính Khả Dụng Thực Tế cho Lập Trình Viên Web: Điều Khiển Biểu Mẫu

Học cách triển khai tính khả dụng web, từng điều khiển biểu mẫu một, theo chuẩn WCAG 2.2

4.4
(108 đánh giá)
632 học viên
Giảng viên
Daniel Berryhill
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 349.000đ -86%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
2.5 giờ video
99 bài giảng
5 bài quiz
1 bài coding
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 30/05/2026

Bạn sẽ học được gì

Cách tạo các điều khiển biểu mẫu web dễ truy cập (hộp văn bản, điều khiển chọn, nút radio, hộp kiểm, nút bấm, v.v.)
Đảm bảo biểu mẫu web của bạn tuân thủ Tiêu Chuẩn WCAG 2.2
Phát triển tư duy về khả năng truy cập
Khả năng truy cập web giải thích đơn giản
Tổng quan về WCAG 3.0

Yêu cầu

Kiến thức Cơ bản về Phát triển Web (HTML, CSS, JS)

Đối tượng phù hợp

Dành cho lập trình viên đang gặp khó khăn trong việc tuân thủ các tiêu chuẩn về khả năng truy cập
Nhân sự phụ trách khả năng truy cập web muốn thấy ứng dụng thực tế của tiêu chuẩn WCAG
Dành cho bất kỳ ai muốn hiểu rõ các tiêu chuẩn WCAG
Dành cho bất kỳ ai muốn biết những thay đổi sắp tới trong WCAG 3.0

Nội dung khóa học

18 phần • 99 bài giảng
1 Chào mừng bạn!
2 Nội dung tóm tắt Mô-đun Giới thiệu
3 Những gì sẽ được đề cập
4 Những gì sẽ KHÔNG được đề cập
5 Điều bạn cần biết trước tiên
6 Đề cương Khóa học
1 Cập nhật mới nhất và Cập nhật dự kiến
1 Giới thiệu
2 Những trở ngại trong việc tuân thủ
3 Thái độ về Khả năng Truy cập
4 Thái độ về Nhân sự phụ trách Khả năng Truy cập
5 Khả dụng cho Ai?
1 Giới thiệu
2 Nguyên tắc về Biểu mẫu
3 Tài nguyên
1 Nhãn Truyền thống
2 Văn bản và Kiểu dáng
3 Vị trí
4 Nhãn Tường minh
5 Nhãn Ẩn
6 Nhãn không đạt chuẩn
7 Tài nguyên
1 Giới thiệu
2 Khi nào nên sử dụng
3 Ẩn bằng CSS
4 Thuộc tính ARIA
5 Thuộc tính ARIA (tiếp theo)
6 Sử dụng Thuộc tính Title
7 Tài nguyên
1 Giới thiệu
2 Fieldsets
3 Nguyên tắc về Fieldsets
4 Vai trò (Roles)
5 Ví dụ về Vai trò
6 Tài nguyên
1 Giới thiệu
2 Hướng dẫn cho Biểu mẫu
3 Ví dụ về Hướng dẫn Biểu mẫu
4 Hướng dẫn Nội tuyến
5 Tài nguyên
1 Giới thiệu
2 Nguyên tắc Chung
3 Những lỗi thường gặp
1 Giới thiệu
2 Nguyên tắc Triển khai
3 Xác thực Nội tuyến
4 Placeholders
5 Tài nguyên
1 Giới thiệu
2 Dropdowns
3 Listboxes
4 Listboxes Chọn Nhiều
5 Datalists
6 Tài nguyên
1 Giới thiệu
2 Nút Radio
3 Hộp Kiểm
4 Điều khiển Tùy chỉnh
5 Tài nguyên
1 Giới thiệu
2 Nút bấm Truyền thống
3 Nút bấm Giả (Pseudo-buttons)
4 Tài nguyên
1 Giới thiệu
2 Nguyên tắc Tổng thể
3 Bằng Ký hiệu
4 Bằng Hình ảnh
5 Bằng Nhãn
6 Tài nguyên
1 Giới thiệu
2 Mô tả Biểu mẫu Web cho Người Khiếm thị
3 Những điều Cơ bản
4 Nhãn
5 Nhóm
6 Hướng dẫn - Trường Bắt buộc
7 Hướng dẫn - Văn bản Trợ giúp
8 Hộp Văn bản
9 Điều khiển Chọn
10 Nút Radio và Hộp Kiểm
11 Nút bấm
12 Độ tương phản Màu sắc
13 Giải thích WCAG 2.1 - 1.3.5 Xác định Mục đích Nhập liệu
14 Triển khai WCAG 2.1 - 1.3.5 Xác định Mục đích Nhập liệu
15 Thông báo: Thay đổi trong WCAG 2.2
16 Giải thích WCAG 2.2 Bản nháp - 2.4.11 Tiêu điểm Hiển thị (Nâng cao)
17 Triển khai WCAG 2.2 Bản nháp - 2.4.11 Tiêu điểm Hiển thị (Nâng cao)
18 Tài nguyên
1 Lưu ý nhanh về Mô-đun này
2 Giới thiệu
3 Lược sử Ngắn gọn
4 Tình trạng WCAG 2.2
5 WCAG 3.0 - Những điều Cơ bản
6 WCAG 3.0 - Các Yêu cầu
7 WCAG 3.0 - (trước đây được gọi là "Silver")
1 Giới thiệu
2 Tài nguyên
3 Quy trình Phát triển
4 Suy nghĩ Cuối cùng
1 Kết luận

Giới thiệu khóa học

Practical Accessibility for Web Developers: Form Controls

Have you noticed a communication gap between web developers and accessibility testers?
Are you frustrated that the accessibility testers can't always tell you what needs to be fixed in order to be compliant?
Are you struggling to conform to (or even make sense of) Section 508 or Web Content Accessibility Guidelines (WCAG)?

For me, yes to all three. That's why I created this course.

This course is for web developers that want to create accessible web forms; but don't want to hear someone comb through every criterion of WCAG. 

In this course we'll cover the following form elements and talk about how to make sure they are WCAG 2.1/2.2 compliant:

  • Labels (Traditional and Hidden)

  • Fieldsets and Groups

  • Form Instructions

  • Textboxes

  • Select Controls

  • Radio Buttons

  • Checkboxes

  • Buttons

  • Marking Required Fields

  • and much more including ARIA attributes, screen readers, and pitfalls!

While this course is geared toward web developers - accessibility testers, designers, or anyone else that has a stake or interest in WCAG 2.1/2.2 compliant web forms gain value from it.

If you're considering taking this course, I recommend you have at least beginner-level knowledge of the following:

  • HTML

  • CSS

  • JavaScript/jQuery


Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Frontend Development
Hiển thị tất cả khoá học Html Css
Hiển thị tất cả khoá học Javascript
Hiển thị tất cả khoá học Web Development
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊