Khả năng truy cập: tự kiểm tra và mở rộng

Đây là bài 5 của chương 7: Khả năng truy cập, thuộc khóa demo HTML & CSS. Nội dung được dùng để trải nghiệm cấu trúc chương trình học; hãy thực hành trên dữ liệu và môi trường thử nghiệm riêng. Trong dự án xuyên suốt, bạn sẽ xây dựng website giới thiệu khóa học có trang chủ, danh sách bài học và biểu mẫu đăng ký.

Focus nhìn thấy được giúp người dùng biết vị trí đang thao tác. Button dành cho hành động, link dành cho điều hướng. Thông tin không nên chỉ được diễn tả bằng màu.

• Vì sao khả năng truy cập cần được xem xét riêng trong dự án HTML & CSS?
• Giải thích bằng lời của bạn: Focus nhìn thấy được giúp người dùng biết vị trí đang thao tác. Button dành cho hành động, link dành cho điều hướng. Thông tin không nên chỉ được diễn tả bằng màu.
• Phát hiện vấn đề trong tình huống: Thêm aria nhưng không cập nhật trạng thái tạo thông tin sai. Ví dụ cần JavaScript để đổi aria-expanded và hidden cùng nhau; markup riêng chưa tạo được tương tác.
• Bạn sẽ giữ bằng chứng gì để chứng minh giải pháp hoạt động?

• Mỗi điều khiển có tên rõ ràng
• Focus không bị xóa
• Trạng thái mở/đóng được cập nhật đồng bộ

Bắt đầu từ yêu cầu Đi hết trang bằng Tab, Shift+Tab và Enter; liệt kê thành phần không thể dùng bằng bàn phím. Thay đổi quy mô, độ dài dữ liệu hoặc thứ tự thao tác. Chọn đúng một biến thể phù hợp với chương rồi dự đoán tác động trước khi thử. Ví dụ là công cụ để hiểu nguyên lý, không phải đáp án duy nhất.

• Mức 1: nhắc lại được khái niệm nhưng chưa tự thực hiện.
• Mức 2: tự hoàn thành ví dụ và giải thích các bước.
• Mức 3: xử lý được trường hợp biên và giải thích lựa chọn khác.

Nếu chưa đạt mức 2, quay lại bài thực hành thay vì chỉ đọc đáp án. Khi đã đạt mức 3, ghi lại một cách giải khác và so sánh độ đơn giản, khả năng kiểm chứng và giới hạn của hai phương án.

Tạo bảng gồm ca thử, đầu vào, kết quả mong đợi, kết quả thực tế và kết luận. Chỉ đánh dấu hoàn thành sau khi từng tiêu chí có kết quả quan sát được; bài tự kiểm tra này không tự chấm điểm và không cấp chứng chỉ.