5 lời khuyên thiết kế website để phù hợp với người thị lực kém

Theo tổ chức sức khỏe về mắt Prevent Blindness America (Mỹ), có đến 53,2 triệu người Mỹ tuổi từ 45 trở lên mắc phải các chứng bệnh về mắt và 18% số người trong Ä‘ó bị mù hoàn toàn. Tuy thế nhÆ°ng phần nhiều trong số họ vẫn thường xuyên sá»­ dụng Internet và lÆ°á»›t web má»—i ngày. Nếu công việc thiết kế web của bạn chÆ°a chú ý đến lượng người xem này thì Ä‘ây là lúc bạn nên tham khảo 5 lời khuyên sau Ä‘ây để thiết kế má»™t website “tÆ°Æ¡ng thích” cả vá»›i những người bị thị lá»±c kém hoặc bị mù màu.

1. Đừng ngại dùng font chữ kích thÆ°á»›c lá»›n:

PhÆ°Æ¡ng án đầu tiên mà người đọc (bị thị lá»±c kém) tìm kiếm Ä‘ó là phóng to chữ lên. Vì thế hãy tạo cho website của bạn chức năng thay đổi kích thÆ°á»›c font chữ (“Nhỏ-Vừa-To-Cá»±c to” chẳng hạn). Tuy nhiên cÅ©ng cần chú ý là thay đổi kích thÆ°á»›c chữ nhÆ°ng không được phá vỡ Ä‘i bố cục của website. Đừng làm cho khi phóng to chữ lên thì các thành phần khác nhÆ° hình ảnh hay bảng biểu lại bị di chuyển lá»™n xá»™n, nhÆ° thế sẽ làm cho người xem bị rối mắt và khó theo dõi ná»™i dung.

Tùy vào mục Ä‘ích của website, có thể bạn sẽ muốn tăng cỡ chữ mặc định của trang web lên má»™t vài mức mà không cần phải tuân theo cỡ chữ mặc định mà các website khác Ä‘ang dùng. Lấy ví dụ nhÆ° trang Twitter, trang này lấy phần trạng thái của người dùng là ná»™i dung chính của website nên cỡ font của nó được chỉnh lá»›n hÆ¡n so vá»›i thông thường. Và nếu bạn là người viết tin tức vá»›i những bài viết dày đặc chữ, lời khuyên là hãy tạo ra má»™t phiên bản website chỉ chứa ná»™i dung toàn là chữ, không có hình ảnh và video để người xem có thể chuyển qua lại giữa 2 phiên bản nếu thấy cần thiết.

2. Sá»­ dụng Ä‘á»™ tÆ°Æ¡ng phản má»™t cách thông minh:

Má»™t số chứng bệnh về mắt nhÆ° tăng nhãn áp, viêm võng mạc sắc tố, bệnh màng lÆ°á»›i, bệnh đục nhân mắt làm cho người bệnh rất khó phân biệt được sá»± tÆ°Æ¡ng phản giữa các thành phần hay đối tượng, nói cách khác, đối vá»›i những đối tượng có màu sắc và Ä‘á»™ sáng gần giống nhau là họ sẽ không thể phân biệt được chúng.

Trong khi Ä‘ó, xu thế thiết kế web ngày nay sá»­ dụng rất nhiều kỹ thuật tạo bóng, chuyển màu (Gradient), áp dụng màu chữ và màu nền gần giống nhau để tạo nên hiệu ứng dá»… nhìn và tạo cảm giác êm diệu, mang tính chuyên nghiệp cao. Đó là đối vá»›i người thường, còn đối vá»›i người thị lá»±c kém, Ä‘ó chẳng khác nào má»™t “ác má»™ng”.

Vì vậy, hãy cố gắng tạo ra má»™t phiên bản thứ hai cho website của mình có Ä‘á»™ tÆ°Æ¡ng phản cao giữa các thành phần trong trang web. Dùng font chữ đậm (Bold) đối vá»›i những đối tượng có Ä‘á»™ tÆ°Æ¡ng phản thấp và tránh dùng những font chữ có nét mỏng, nhỏ. Bên cạnh Ä‘ó, không được áp dụng các thủ thuật JavaScript hay CSS có chức năng ngăn không cho người dùng bôi Ä‘en chữ. Người thị lá»±c kém có thói quen dùng chuá»™t Ä‘ôi Ä‘en Ä‘oạn chữ để tăng Ä‘á»™ tÆ°Æ¡ng phản để dá»… nhìn hÆ¡n, nếu bạn không cho họ bôi Ä‘en (dùng script) thì Ä‘ây sẽ là má»™t Ä‘iều cá»±c kỳ khó chịu đấy.

3. Khôn ngoan khi chọn màu cho các nút hành Ä‘á»™ng:

Nút hành Ä‘á»™ng (hay nút Action) ám chỉ những nút nhÆ° Download, Contact, Buy… có chức năng dẫn dắt và tập trung sá»± chú ý của người xem và thường được các nhà thiết kế mã màu để nổi bật. NhÆ°ng người bị mù màu sẽ gặp khó khăn nếu bạn phối màu sai. Cụ thể Ä‘ó là các cặp màu Äá»-Xanh lục, Vàng-Xanh dÆ°Æ¡ng, khi các màu này Ä‘i Ä‘ôi vá»›i nhau, người mắc chứng mù màu sẽ không phân biệt được chúng. Thay vào Ä‘ó, hãy dùng má»™t tổ hợp màu khác hoặc chuyển sang phÆ°Æ¡ng án dùng chữ hoặc biểu tượng (Icon) để thay thế nút Action.

4. Mobile Site mọi lúc mọi nÆ¡i:

Rất nhiều website có chức năng Mobile Site cho phép xem trang web dÆ°á»›i dạng tối giản khi lÆ°á»›t web trên ĐTDĐ, và họ cÅ©ng chỉ xem được Mobile Site khi Ä‘ang xem bằng Ä‘iện thoại. Lời khuyên là bạn hãy cung cấp tùy chọn để dù người xem có xem trên máy tính thì vẫn có thể chuyển sang giao diện Mobile Site được. Vì sao? Vì Mobile Site có Æ°u Ä‘iểm là gọn gàng, lược bỏ hết các thành phần không quan trọng, chỉ giữ lại những phần thông tin cần thiết nhất nên rất phù hợp cho những người thị lá»±c kém. Đừng quên kết hợp vá»›i các kỹ thuật nêu trong phần 1, 2, 3 ở trên trong bài viết này để tạo ra má»™t phiên bản Mobile Site dá»… đọc và dá»… nhìn.

Tuy nhiên, có má»™t hạn chế Ä‘ó là các Mobile Site sá»­ dụng khá nhiều chức năng JavaScript và AJAX có thể không tÆ°Æ¡ng thích vá»›i các phần mềm dùng để đọc màn hình mà người thị lá»±c kém hay sá»­ dụng.

5. Bật chức năng định vị bằng phím, giảm sá»± phụ thuá»™c vào chuá»™t:

Hãy giúp cho người xem có thể di chuyển trong website của bạn bằng cách dùng các phím mÅ©i tên và các tổ hợp phím. Nhiều người lÆ°á»›t web trên các màn hình rất lá»›n (23″ hoặc hÆ¡n) và việc theo dõi sá»± chuyển Ä‘á»™ng của con trỏ chuá»™t tí hon (rất dá»… bị mất dấu đối vá»›i người thị lá»±c kém) là má»™t Ä‘iều không dá»… chịu chút nào. Vì thế đừng tạo ra quá nhiều sá»± phụ thuá»™c vào chức năng của con chuá»™t, hãy tận dụng bàn phím để tăng khả năng di chuyển và sá»­ dụng trang web cho người có thị lá»±c không được tốt.