Trợ năng trong ứng dụng giải trí trên web: cho người mù màu, nghe kém dùng được

Trợ năng trong ứng dụng giải trí trên web là làm cho người nhìn kém, nghe kém, mù màu, tay run hay dễ chóng mặt vẫn dùng được, bằng những chỉnh sửa có thật: chữ đủ tương phản, nút đủ to, không chỉ báo bằng màu, có tín hiệu nhìn thay cho âm thanh, tôn trọng cài đặt “giảm chuyển động” của máy. Web có lợi thế lớn ở đây vì trình duyệt đã có sẵn nhiều công cụ trợ năng. Bài này nêu các con số chuẩn, những cài đặt bạn tự bật được trên điện thoại, và cách thử một ứng dụng xem có “ai cũng dùng được” không.

Trợ năng là chuyện của nhiều người hơn bạn nghĩ

Khi nghe “trợ năng”, nhiều người nghĩ ngay tới người khiếm thị hoàn toàn. Thực tế nhóm cần trợ năng rộng hơn rất nhiều. Theo báo cáo thế giới về thị lực của WHO, ít nhất 2,2 tỉ người trên thế giới có suy giảm thị lực gần hoặc xa. Báo cáo thế giới về thính lực của WHO ước tính khoảng 1,5 tỉ người sống với một mức suy giảm thính lực nào đó. Về mù màu đỏ – lục, con số hay được Viện Mắt Quốc gia Hoa Kỳ dẫn là khoảng 1/12 nam giới và 1/200 nữ giới, chủ yếu ở người gốc Bắc Âu; tỉ lệ ở người châu Á có thể khác.

Ngoài ra còn những “khuyết tật tạm thời” ai cũng gặp: đứng dưới nắng gắt không đọc được màn hình, ngồi trên xe buýt ồn không nghe được tiếng, tay đang bế con chỉ còn một ngón cái. Ông bà dùng điện thoại với mắt đã kém và tay đã chậm. Trẻ nhỏ chưa biết chữ. Thiết kế cho người khó nhất thường làm trải nghiệm tốt hơn cho tất cả mọi người.

Những con số chuẩn đáng nhớ

Không cần đoán bằng mắt. Có sẵn các chuẩn được dùng rộng rãi, chủ yếu từ bộ hướng dẫn WCAG của W3C và hướng dẫn thiết kế của các hãng điện thoại:

Với ứng dụng giải trí, con số nhấp nháy đặc biệt quan trọng. Hiệu ứng nổ, chớp sáng khi trúng đòn, màn hình loé trắng khi thắng — làm quá tay có thể gây khó chịu, và với người có chứng động kinh nhạy cảm ánh sáng thì nguy hiểm thật.

Năm nguyên tắc thiết kế cho ứng dụng giải trí

Không bao giờ chỉ dùng màu để báo

Đội đỏ và đội xanh lá trông gần như giống nhau với người mù màu đỏ – lục. Nút “đúng” màu xanh lá, “sai” màu đỏ cũng vậy. Luôn thêm một tín hiệu thứ hai: hình dạng khác nhau, kí hiệu, vị trí, hoa văn. Một bàn cờ chiến trận như Chiến Tướng chẳng hạn, hai phe nên khác nhau cả ở hình quân chứ không chỉ ở màu áo.

Âm thanh luôn có bản sao nhìn được

Tiếng còi báo hết giờ, tiếng bước chân đối thủ sau lưng — nếu chỉ có tiếng thì người nghe kém, người đang tắt tiếng trên xe buýt đều bỏ lỡ. Thêm một dấu hiệu trên màn hình: đồng hồ đổi màu và rung nhẹ, mũi tên chỉ hướng âm thanh.

Tôn trọng “giảm chuyển động”

Người dễ chóng mặt, say xe có thể bật chế độ giảm chuyển động trong hệ điều hành. Trình duyệt chuyển cài đặt đó cho trang web qua một thiết lập tên là prefers-reduced-motion. Ứng dụng tử tế sẽ đọc nó để giảm rung màn hình, bỏ hiệu ứng phóng to, làm chậm chuyển cảnh — mà vẫn giữ nguyên phần chơi.

Đừng bắt phản xạ quá nhanh không có lựa chọn

Người lớn tuổi, người tay run không thể bấm kịp trong nửa giây. Cho chọn tốc độ chậm hơn, cho tạm dừng bất kỳ lúc nào, cho thời gian chờ dài hơn ở những màn hình cần đọc chữ. Chế độ dễ không phải là “ăn gian”; nó là cửa vào.

Chữ theo cỡ chữ của máy

Nhiều người đã tăng cỡ chữ trong cài đặt điện thoại. Ứng dụng web viết đúng cách sẽ phóng chữ theo, thay vì cố định cỡ nhỏ. Kèm theo đó, bố cục phải chịu được chữ to mà không bị tràn, chồng lên nhau.

Cài đặt bạn tự bật được trên điện thoại

Phần lớn cài đặt dưới đây áp dụng cho cả ứng dụng web lẫn ứng dụng cài đặt. Tên mục có thể khác tuỳ phiên bản máy và hãng.

Một mẹo cho ứng dụng web: nếu chữ trong trang quá nhỏ mà trang không chặn phóng to, bạn có thể dùng hai ngón tay để phóng. Trong Chrome còn có mục Cài đặt > Hỗ trợ tiếp cận để chỉnh tỉ lệ chữ cho mọi trang.

Cách thử nhanh một ứng dụng có “ai cũng dùng được” không

Dành năm phút, không cần công cụ gì:

1. Bật giảm chuyển động rồi mở ứng dụng. Màn hình còn rung lắc, phóng to thu nhỏ dữ dội không?
2. Tăng cỡ chữ máy lên mức lớn nhất. Chữ trong ứng dụng có to theo không? Có chỗ nào bị tràn, che nút không?
3. Tắt tiếng hoàn toàn rồi dùng thử một lượt. Có bỏ lỡ thông tin quan trọng nào chỉ báo bằng tiếng không?
4. Bật bộ lọc thang xám (trong mục bộ lọc màu). Còn phân biệt được hai phe, nút đúng – sai, ô nguy hiểm không?
5. Dùng bằng một ngón cái tay trái, tay phải để yên. Có nút quan trọng nào nằm ngoài tầm với không?
6. Ra ngoài nắng và hạ độ sáng màn hình xuống một nửa. Chữ trên nền có còn đọc được không?

Ứng dụng nào qua được cả sáu phép thử là ứng dụng đã được nghĩ cho nhiều người. Không qua một hai bước cũng chưa phải tệ, nhưng bạn biết trước chỗ nào sẽ khó cho ai trong nhà.

Vì sao web có lợi thế, và đang đi về đâu

Ứng dụng web được xây từ những thành phần trình duyệt đã hiểu sẵn: nút, chữ, tiêu đề. Khi người làm dùng đúng các thành phần đó, trình đọc màn hình như VoiceOver trên iPhone hay TalkBack trên Android đọc được, cỡ chữ máy áp được, phóng to hoạt động — gần như không tốn thêm công. Phần khó là vùng vẽ bằng canvas, nơi phần lớn ứng dụng giải trí đặt màn chơi: trình đọc màn hình không “thấy” được gì bên trong. Ở đó người làm phải tự thêm mô tả, tự bố trí tín hiệu thay thế.

Xu hướng chung là trợ năng đang từ “làm thêm nếu rảnh” thành yêu cầu bắt buộc. Đạo luật Trợ năng châu Âu áp dụng từ tháng 6 năm 2025 cho nhiều sản phẩm và dịch vụ số. Ngay cả ở những nơi chưa có luật, người dùng lớn tuổi tăng lên khiến nhà làm ứng dụng không thể bỏ qua nhóm này. Với giải trí trên web, chúng tôi thấy ba hướng rõ nhất: chế độ dễ và tốc độ chậm thành lựa chọn bình thường, hiệu ứng đọc theo cài đặt giảm chuyển động, và màu sắc được chọn để người mù màu vẫn phân biệt được.

Có một điều chúng tôi rút ra khi làm ứng dụng cho trẻ: một ứng dụng cho bé 4–8 tuổi như Thỏ Dâu phải tính tới chuyện nhiều bé chưa đọc được chữ, nên hình, vị trí và âm thanh phải gánh phần việc của chữ. Những gì giúp bé chưa biết chữ thường cũng giúp ông bà mắt kém — trợ năng làm tốt cho một nhóm hiếm khi chỉ có lợi cho riêng nhóm đó.