Thiết Kế UX Bao Gồm: Hướng Đến 15% Người Dùng Bị Bỏ Qua

Khi nào là lần cuối bạn nghĩ về những người dùng không thể nhìn, nghe hoặc tương tác với trang web của bạn như bạn mong muốn?

Hầu hết chúng ta thiết kế với tốc độ, thẩm mỹ và chuyển đổi trong tâm trí - nhưng có một nhóm người dùng chiếm khoảng 15% (trên toàn cầu) thường bị bỏ qua.

Đó gần như là 1 trong 6 người mà bạn đang bỏ qua, chỉ vì khả năng tiếp cận không phải là ưu tiên.

Điều thú vị là:
Thiết kế bao gồm không chỉ là về lòng đồng cảm - nó còn liên quan đến SEO tốt hơn, tỷ lệ chuyển đổi mạnh mẽ hơn và tiếp cận hàng triệu người dùng chưa được khai thác.

Vậy hãy cùng tìm hiểu cách bạn có thể thiết kế cho mọi người mà không làm gián đoạn quy trình làm việc của mình.

Tại Sao UX Bao Gồm Quan Trọng

• Hơn 1 tỷ người trên toàn thế giới sống với một dạng khuyết tật nào đó. (Báo cáo WHO)
• Các công cụ tìm kiếm thưởng cho các trang web có khả năng truy cập vì chúng dễ dàng để thu thập thông tin và hiểu.
• Thiết kế bao gồm cải thiện khả năng sử dụng cho tất cả người dùng, không chỉ những người khuyết tật.

Hãy nghĩ về các phụ đề trên video. Ban đầu được thiết kế cho những người khiếm thính, giờ đây chúng được yêu thích bởi tất cả mọi người khi lướt trên điện thoại mà không bật âm thanh.

Những Rào Cản Thường Gặp Mà Người Dùng Phải Đối Mặt

Dưới đây là một vài cách mà chúng ta vô tình chặn 15% khán giả của mình:

• Văn bản nhỏ và độ tương phản màu kém làm cho nội dung không thể đọc được.
• Điều hướng chỉ hoạt động với chuột nhưng không với bàn phím.
• Hình ảnh không có alt text, để người dùng trình đọc màn hình bị lạc lối.
• Popup và modals giữ người dùng lại mà không có lối thoát dễ dàng.

Mẹo Thực Tiễn Để Thiết Kế Cho Mọi Người

Nếu bạn đang tự hỏi, “Được rồi, làm thế nào để tôi bắt đầu?” — đây là một số giải pháp có thể thực hiện:

1. Sử Dụng HTML Ngữ Nghĩa

   html Copy

   <button type="submit">Gửi Biểu Mẫu</button>

   Thay vì sử dụng một <div> được định dạng như một nút, hãy giữ nguyên các phần tử ngữ nghĩa. Điều này tốt hơn cho cả khả năng truy cập và SEO.

2. Thêm Alt Text Cho Hình Ảnh
   Alt text mô tả không chỉ dành cho khả năng truy cập - nó cũng là một yếu tố xếp hạng trong Tìm Kiếm Hình Ảnh của Google.
   → Tài nguyên: Hướng Dẫn Alt Text của WebAIM

3. Kiểm Tra Độ Tương Phản Màu
   Các công cụ như Contrast Checker giúp đảm bảo văn bản của bạn dễ đọc cho người dùng có thị lực kém.

4. Đảm Bảo Điều Hướng Bằng Bàn Phím
   Bạn có thể di chuyển qua trang web của mình chỉ bằng phím Tab không? Nếu không, đã đến lúc dọn dẹp.

   css Copy

   :focus {
     outline: 2px solid #4A90E2;
   }

5. Sử Dụng ARIA Một Cách Hợp Lý
   Các thuộc tính ARIA có thể nâng cao khả năng truy cập - nhưng đừng lạm dụng chúng. Bắt đầu tại đây: Hướng Dẫn ARIA của MDN.

Công Cụ Kiểm Tra Khả Năng Truy Cập Bạn Sẽ Yêu Thích

• Lighthouse – tích hợp trong Chrome DevTools.
• axe DevTools – tiện ích mở rộng trình duyệt cho các cuộc kiểm tra.
• Wave – công cụ khả năng truy cập trực quan dễ sử dụng.

Tại Sao Điều Này Giúp Hơn Cả Khả Năng Truy Cập

UX bao gồm dẫn đến:

• SEO tốt hơn (các công cụ tìm kiếm hiểu trang web của bạn dễ dàng hơn).
• Phạm vi tiếp cận rộng hơn (người dùng khuyết tật, người dùng di động, dân số cao tuổi).
• Tăng mức độ tương tác (mọi người ở lại khi họ cảm thấy được hiểu).

Tóm lại: Khả năng truy cập tốt = Kinh doanh tốt.

Lượt Đầu 🚀

Cải tiến khả năng truy cập đầu tiên bạn sẽ thực hiện trên trang web của mình hôm nay là gì?
Hãy để lại ý kiến của bạn trong phần bình luận - tôi rất muốn nghe về những thách thức bạn phải đối mặt hoặc công cụ bạn sử dụng.

Và nếu bạn thấy điều này hữu ích, hãy theo dõi Công Nghệ DCT để có thêm thông tin về phát triển web, thiết kế, SEO và tư vấn CNTT.

#KhảNăngTruyCập #PhátTriểnWeb #ThiếtKếUX #SEO #Frontend #Backend #PhátTriểnỨngDụng #ThiếtKếBaoGồm #WebDev #CộngĐồngDev #ĐiệnToánĐámMây #CôngNghệVìMụcĐíchTốt