Mẹo cho Công cụ cho nhà phát triển: Khám phá và khắc phục văn bản có độ tương phản thấp

Sofia Emelianova
Sofia Emelianova

Văn bản có độ tương phản thấp là vấn đề hàng đầu về hỗ trợ tiếp cận trên web. Vào tháng 2 năm 2022, 83,9% trong số một triệu trang chủ hàng đầu gặp vấn đề này. Hãy xem báo cáo WebAIM Million 2022 để tìm hiểu thêm.

Công cụ của Chrome cho phép bạn nhanh chóng phát hiện tất cả các vấn đề về độ tương phản và khắc phục chỉ bằng một cú nhấp chuột.

Hãy xem video này để tìm hiểu cách:

  • Xem tỷ lệ tương phản trong chú giải công cụ của chế độ công cụ kiểm tra và các giá trị tỷ lệ được đề xuất trong Công cụ chọn màu.

    Tỷ lệ tương phản có trong chú giải công cụ, với Công cụ chọn màu để đo tỷ lệ các màu thay thế. Có phân loại AA và AAA.

  • Trong Công cụ chọn màu, hãy chọn màu được đề xuất hoặc chọn màu bên dưới đường tỷ lệ tương phản để tuân thủ nguyên tắc của WebAIM.

    Các đường tỷ lệ tương phản đề xuất có sẵn trong bản xem trước sắc độ của Công cụ chọn màu.

  • Khám phá tất cả các vấn đề về độ tương phản trong bảng Tổng quan về CSS và (bản xem trước) Vấn đề.

    Các vấn đề về độ tương phản được liệt kê trong bảng điều khiển Tổng quan về CSS và thẻ Vấn đề.

  • Mô phỏng khiếm khuyết thị giác để hiểu trang của bạn hiển thị như thế nào cho tất cả người dùng.

    Hình ảnh bị làm mờ được chọn trong thẻ Hiển thị và được mô phỏng trong khung nhìn.

Để có trải nghiệm học tập thực tế hơn, hãy xem hướng dẫn Làm cho trang web của bạn dễ đọc hơn.

Để tìm hiểu thêm, hãy xem các bài viết sau: