Tìm hiểu về tính năng hỗ trợ tiếp cận

Những công cụ nào thường được dùng để giúp người khuyết tật sử dụng web?

Chọn số lượng đáp án tuỳ ý.

Thiết bị đầu ra chữ nổi

Trình đọc màn hình

Đế sạc

Chế độ cài đặt hệ điều hành

Đâu là cách hiệu quả để tạo ra sự thay đổi trên web?

Chọn số lượng đáp án tuỳ ý.

Khiếu nại trên mạng xã hội.

Khởi kiện.

Liên hệ trực tiếp với nhà phát triển của một công ty.

Cấp độ cao nhất của tiêu chuẩn WCAG là gì?

Cấp độ AAA

A Level

TÌM HIỂU

Đâu là ví dụ về những thứ có thể vận hành?

Chọn số lượng đáp án tuỳ ý.

Tất cả video đều có chế độ điều khiển.

Người dùng có đủ thời gian để hoàn tất biểu mẫu.

Tất cả các phần tử đang hoạt động đều hỗ trợ bàn phím và màn hình cảm ứng.

Sử dụng ngôn từ đơn giản.

Đâu là phương pháp hay nhất để tạo một nút có thể truy cập?

<div id="saveChanges" aria-role="button" aria-pressed="false" tabindex="0">Go to shop</div>

<a id="saveChanges" aria-label="Some awesome article title">Go to shop</a>

<button id="saveChanges" type="button">Go to shop</button>

Trang web của bạn là một sách giáo khoa trực tuyến đa ngôn ngữ, trong đó nhiều ngôn ngữ được hiển thị trên một trang. Đâu là cách tốt nhất để cho công nghệ hỗ trợ biết ngôn ngữ của bản sao?

Đặt một lang chính cho <html> và các ngôn ngữ bổ sung cho những phần tử có chứa nội dung bằng một ngôn ngữ khác.

Đừng lo lắng, công nghệ hỗ trợ có thể tự động đọc từng ngôn ngữ.

Đưa tất cả ngôn ngữ vào phần tử <html>. Ví dụ: <html lang="en,lt,pl,pt">

Ví dụ nào về kiểu CSS `:focus` dễ tiếp cận nhất trên nền trắng?

outline: 0.5rem solid yellow;

background-color:black;

outline: none; text-decoration:none; background:none;

text-decoration: dotted underline 2px blue;

Mục đích của đường liên kết bỏ qua là gì?

Giúp người dùng bàn phím bỏ qua các nhóm đường liên kết thừa hoặc không hữu ích.

Giúp người dùng bàn phím bỏ qua nội dung không thú vị.

Đâu là cách tốt nhất để thay đổi kiểu của một phần tử bằng JavaScript?

Sử dụng JavaScript để bật/tắt lớp của một phần tử và thêm kiểu vào biểu định kiểu CSS.

Sử dụng JavaScript để áp dụng kiểu linh động ngay trong một phần tử HTML.

Có phải tất cả các thao tác JavaScript đều hỗ trợ người dùng bàn phím không?

Có, tất cả các thao tác đều tự động hỗ trợ người dùng bàn phím.

Có, nhưng bạn có thể phải làm thêm một số việc.

Không, bạn chỉ có thể hỗ trợ người dùng bàn phím bằng HTML ngữ nghĩa.

Làm cách nào để giúp người dùng tiếp cận được hình ảnh phức tạp?

Chọn số lượng đáp án tuỳ ý.

Giải thích ở phần sau của bài viết.

Thêm văn bản thay thế dạng dài kèm theo nội dung mô tả đầy đủ.

Thêm thuộc tính aria-describedby vào hình ảnh.

Sử dụng đường liên kết để xem nội dung giải thích dài hơn.

Chỉ màu sắc không phải là một mã nhận dạng đầy đủ cho tài liệu. Những yếu tố nào khác sẽ giúp độc giả xác định các phần tử trên giao diện người dùng?

Mẫu

Text

Biểu tượng

Tất cả các câu trả lời đều đúng

Chúng ta có thể tạo những gì phản ánh chế độ cài đặt hệ điều hành cho chuyển động?

@prefers-reduced-motion

Nút bật/tắt JavaScript

Để có bản sao dễ đọc, tôi phải luôn sử dụng độ tương phản cao giữa bản sao và nền.

Sai

Đúng

Những phông chữ nào phù hợp nhất cho khả năng hỗ trợ tiếp cận?

Kiểu chữ dễ đọc.

Phông chữ hệ thống như Arial và Verdana.

Không quan trọng.

Đầu vào biểu mẫu nào sau đây dễ tiếp cận nhất?

<label>Email address (required): <input type="email" required aria-describedby="email-validation"> <span id="email-validation" class="validation-message">Please provide a valid email address using the format name@place.com</span></label>

Email address: <input type="email" required>

<label>Email address: <input type="email" required></label>

<label>Email address: <input type="email" required autocomplete="email"></label>

Các thành phần hỗ trợ tiếp cận có luôn hỗ trợ người dùng không?

Không, trước tiên bạn phải kiểm thử các thành phần.

Có, bạn có thể sử dụng các thành phần này mà không cần làm thêm việc gì.

Bạn nên thực hiện loại kiểm thử nào để đảm bảo trang web của mình có thể truy cập được?

Chọn số lượng đáp án tuỳ ý.

Kiểm thử tự động

Kiểm thử theo cách thủ công

Kiểm thử với người dùng

Kiểm thử công nghệ hỗ trợ

Kiểm thử đánh giá.

Những lỗi nào được phát hiện trong quá trình kiểm thử tự động?

Chọn số lượng đáp án tuỳ ý.

Ngôn từ không phân biệt đối xử

Thiếu văn bản thay thế

Vấn đề về độ tương phản màu

Nhãn biểu mẫu mô tả

Lỗi ARIA

Những phần tử nào cần đáp ứng các tiêu chuẩn về độ tương phản màu theo WCAG?

Biểu tượng

Tiêu đề

Văn bản chính

Tất cả các câu trên

Đâu là trình đọc màn hình phù hợp nhất để kiểm thử khả năng hỗ trợ tiếp cận?

Không có

JAWS

VoiceOver

Orca

Mục đích của việc kiểm thử bằng công nghệ hỗ trợ là gì?

Để kiểm tra các lỗi trên trang web hoặc ứng dụng của bạn.

Để trải nghiệm những điều tương tự như người dùng công nghệ hỗ trợ.

Những công cụ nào thường được dùng để giúp người khuyết tật sử dụng web?

Đâu là cách hiệu quả để tạo ra sự thay đổi trên web?

Cấp độ cao nhất của tiêu chuẩn WCAG là gì?

Đâu là ví dụ về những thứ có thể vận hành?

Đâu là phương pháp hay nhất để tạo một nút có thể truy cập?

Trang web của bạn là một sách giáo khoa trực tuyến đa ngôn ngữ, trong đó nhiều ngôn ngữ được hiển thị trên một trang. Đâu là cách tốt nhất để cho công nghệ hỗ trợ biết ngôn ngữ của bản sao?

Ví dụ nào về kiểu CSS :focus dễ tiếp cận nhất trên nền trắng?

Mục đích của đường liên kết bỏ qua là gì?

Đâu là cách tốt nhất để thay đổi kiểu của một phần tử bằng JavaScript?

Có phải tất cả các thao tác JavaScript đều hỗ trợ người dùng bàn phím không?

Làm cách nào để giúp người dùng tiếp cận được hình ảnh phức tạp?

Chỉ màu sắc không phải là một mã nhận dạng đầy đủ cho tài liệu. Những yếu tố nào khác sẽ giúp độc giả xác định các phần tử trên giao diện người dùng?

Chúng ta có thể tạo những gì phản ánh chế độ cài đặt hệ điều hành cho chuyển động?

Để có bản sao dễ đọc, tôi phải luôn sử dụng độ tương phản cao giữa bản sao và nền.

Những phông chữ nào phù hợp nhất cho khả năng hỗ trợ tiếp cận?

Đầu vào biểu mẫu nào sau đây dễ tiếp cận nhất?

Các thành phần hỗ trợ tiếp cận có luôn hỗ trợ người dùng không?

Bạn nên thực hiện loại kiểm thử nào để đảm bảo trang web của mình có thể truy cập được?

Những lỗi nào được phát hiện trong quá trình kiểm thử tự động?

Những phần tử nào cần đáp ứng các tiêu chuẩn về độ tương phản màu theo WCAG?

Đâu là trình đọc màn hình phù hợp nhất để kiểm thử khả năng hỗ trợ tiếp cận?

Mục đích của việc kiểm thử bằng công nghệ hỗ trợ là gì?

Ví dụ nào về kiểu CSS `:focus` dễ tiếp cận nhất trên nền trắng?