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 phải vấn đề này. Hãy xem báo cáo WebAIM Million 2022 để tìm hiểu thêm.

Công cụ dành cho nhà phát triển Chrome giúp bạn nhanh chóng phát hiện tất cả vấn đề về độ tương phản và khắc phục chỉ bằng một lần nhấp vào nút.

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

  • Xem tỷ lệ tương phản trong chú giải công cụ của chế độ kiểm tra và các giá trị tỷ lệ được đề xuất trong Bộ 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ệ màu thay thế. Có thể phân loại khẩu phần theo điểm AA và AAA.

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

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

  • Khám phá tất cả vấn đề về độ tương phản trong bảng điều khiển Tổng quan về CSS và (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 các khiếm khuyết thị giác để hiểu trang của bạn trông như thế nào đối với tất cả người dùng.

    Chế độ nhìn mờ được chọn trong thẻ Kết xuất 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: