Tương phản nâng cao trải nghiệm người dùng

Thiết kế website không phải người lập trình viên nào cũng biết về quy tắc tương phản quan trọng đến như thế nào.

Dưới đây là một ví dụ về tương phản, nó cực kì quan trọng với thiết kế website hay marketing.

Nếu bạn làm tương phản không tốt thì những người bị cận thị hay thị lực kém đúng là đuổi người đọc.

đó là cách thiếu tôn trọng người dùng tốt nhất.

mình đã ví dụ mình hoạt ở 2 hình trên một hình dễ đọc và một hình khó đọc. đó là một kiến thức rất hữu ích cho những người làm marketing hay thiết kế.

Đây là web mà mình rất ưu thích để lựa chọn màu tương phản đúng.

https://dequeuniversity.com/rules/axe/3.1/color-contrast trang này mình biết đến là nhờ google giới thiệu các bạn cứ yên tâm mà sử dụng.

Mẹo nhỏ: cái này là một trong những yếu tố quan trọng ảnh hưởng đến thứ hạng seo nữa đấy!

Một số người có thị lực kém có độ tương phản thấp, nghĩa là không có nhiều vùng sáng hoặc tối. Mọi thứ có xu hướng xuất hiện ở cùng một độ sáng, điều này khiến bạn khó phân biệt đường viền, đường viền, cạnh và chi tiết. Văn bản có độ chói (độ sáng) quá gần với nền có thể khó đọc.

Số người có thị lực kém nhiều hơn gần ba lần so với những người bị mù hoàn toàn. Cứ mười hai người thì có một người không thể nhìn thấy phổ màu đầy đủ trung bình – khoảng 8% đàn ông và 0,4% phụ nữ ở Mỹ. Một người có thị lực kém hoặc mù màu không thể phân biệt văn bản trên nền nếu không có đủ độ tương phản.

Độ trong suốt và độ mờ của màu được tính đến trong nền.

Độ trong suốt và độ mờ của màu ở nền trước khó phát hiện và giải thích hơn do:

• Màu sắc 1: 1 ở tiền cảnh và hậu cảnh.
• Độ dốc nền CSS.
• Màu nền trong phần tử giả CSS.
• Màu nền được tạo bằng đường viền CSS.
• Chồng chéo bởi một yếu tố khác ở nền trước – điều này đôi khi dẫn đến việc định vị khó khăn.
• Các phần tử được di chuyển ra ngoài khung nhìn thông qua CSS.