Trang chủ » WordPress Accessibility: Làm cho Website có thể sử dụng bởi mọi người

WordPress Accessibility: Làm cho Website có thể sử dụng bởi mọi người

by KDATA

Internet đã trở thành một phần không thể thiếu trong cách thế giới vận hành, được ứng dụng trong hầu hết các lĩnh vực: từ giáo dục, chính trị đến kinh doanh và chăm sóc sức khỏe. Khi duyệt web, điều đầu tiên bạn có thể nhận thấy trên một trang web là thiết kế, tiếp theo là các yếu tố đồ họa và nội dung. Tuy nhiên, điều mà bạn có thể không nghĩ đến chính là khả năng truy cập của WordPress (WordPress accessibility).

WordPress Accessibility: Làm cho Website có thể sử dụng bởi mọi người

Khi nói đến trang web doanh nghiệp của bạn, khả năng truy cập cần phải được ưu tiên cao hơn.

Vậy WordPress accessibility là gì?

Khả năng truy cập WordPress là việc đảm bảo rằng trang web WordPress của bạn và nội dung trên đó có thể tiếp cận được với tất cả người dùng, bao gồm cả những người khuyết tật – đặc biệt là những người khiếm thị.

BlackFriday2024

Nhiều trang web thường hy sinh khả năng truy cập WordPress để có được thiết kế đẹp mắt. Mặc dù thiết kế rất quan trọng, nhưng bạn không nên đánh đổi quá nhiều về chức năng.

Là một thương hiệu, bạn muốn mang lại trải nghiệm người dùng tích cực cho tất cả mọi người, bao gồm cả những người khuyết tật. Ngoài ra, cần nhớ rằng các vấn đề về khả năng truy cập không chỉ giới hạn ở những người khuyết tật.

Sáng kiến Web Accessibility Initiative chỉ ra rằng một số thay đổi trong thiết kế trang web có thể mang lại lợi ích cho nhiều nhóm người khác nhau:

  • Những người sử dụng thiết bị có màn hình nhỏ, các chế độ nhập liệu khác nhau, v.v.
  • Người cao tuổi
  • Những người gặp “khuyết tật tạm thời,” chẳng hạn như bị gãy tay hoặc mất kính.
  • Người dùng gặp “hạn chế tình huống,” như truy cập trang web trong điều kiện ánh sáng mạnh hoặc ở môi trường không thể nghe âm thanh.
  • Những người có kết nối Internet chậm.

Tại sao bạn nên quan tâm đến WordPress accessibility?

Khi các nhà lập pháp tìm cách sửa đổi và phát triển Đạo luật Người Mỹ Khuyết Tật (ADA), bạn nên chủ động để bảo vệ bản thân và công ty của mình.

ADA được thông qua vào năm 1990 nhằm bảo vệ quyền dân sự của những người khuyết tật khỏi sự phân biệt đối xử. Luật bao gồm nhiều chủ đề, từ giao thông, viễn thông, việc làm, đến các quy chuẩn xây dựng như yêu cầu các tòa nhà hiện đại phải có đường dốc cho xe lăn (hoặc các tính năng tương tự).

Vì luật được thông qua trước khi cuộc cách mạng số thực sự bùng nổ, các nhà lập pháp đang tìm cách sửa đổi ngôn ngữ được sử dụng. Họ đang xem xét cụ thể thuật ngữ “rào cản truy cập” (access barriers), ban đầu được hiểu là các rào cản vật lý. Ý tưởng là mở rộng ý nghĩa này để bao gồm cả rào cản thông tin, chẳng hạn như những rào cản tồn tại trực tuyến.

Gần đây, đã có nhiều vụ kiện chống lại các công ty có trang web bị cho là không thể truy cập được.

Disney, Netflix và Target đều đã phải đối mặt với các vụ kiện như vậy; Target bị yêu cầu bồi thường 6 triệu đô la. Tính đến năm 2017, đã có 751 vụ kiện liên quan đến ADA và khả năng truy cập web được đệ trình kể từ khi công ty luật Seyfarth Shaw bắt đầu theo dõi các vụ kiện như vậy vào năm 2015.

Trong số đó, 423 vụ xảy ra chỉ trong tám tháng đầu năm 2017. Hầu hết các bị đơn là các công ty bán lẻ.

Trước khi bạn nghĩ rằng doanh nghiệp nhỏ của mình đủ “ẩn mình” để tránh các vụ kiện liên quan đến khả năng truy cập WordPress, vẫn còn nhiều lý do khác để bạn muốn thay đổi trang web của mình.

Một cuộc khảo sát của Trung tâm Nghiên cứu Pew cho thấy những người khuyết tật ít truy cập Internet hơn ba lần so với những người không khuyết tật. Điều này có thể liên quan đến thực tế rằng 71% người khuyết tật sẽ rời khỏi một trang web nếu không thể truy cập được.

Điều này thật đáng tiếc vì những người khuyết tật chiếm tới 7 nghìn tỷ đô la thu nhập khả dụng hàng năm. Đây là một thị trường khổng lồ đang bị bỏ qua vì các vấn đề thiết kế.

Ngoài ra, việc tuân thủ khả năng truy cập còn mang lại lợi ích về SEO. Google và các công cụ tìm kiếm khác thường ưu tiên các trang web tuân thủ khả năng truy cập để khuyến khích nhiều trang web cải thiện hơn.

Làm cho trang Web WordPress của bạn dễ tiếp cận hơn

Có rất nhiều ý tưởng về khả năng truy cập được cung cấp trong Hướng dẫn Tiếp cận Nội dung Web 2.0 (WCAG). Sử dụng các giao diện WordPress dễ tiếp cận có thể giúp đơn giản hóa quá trình này.

Tuy nhiên, nếu bạn chỉ muốn thực hiện một số thay đổi hạn chế trên trang web WordPress hiện tại của mình, bạn có thể cân nhắc sử dụng plugin WordPress Accessibility, cũng như thay đổi màu sắc, độ tương phản, văn bản ALT của hình ảnh, tiêu đề nội dung, văn bản thay thế, và nhiều yếu tố khác.

Cài đặt Plugin WordPress Accessibility

Bước đơn giản nhất mà bạn có thể thực hiện là cài đặt và kích hoạt plugin WP Accessibility. Mặc dù hầu hết các vấn đề về khả năng truy cập không thể được giải quyết nếu không thay đổi trực tiếp giao diện, plugin này cung cấp nhiều tính năng hữu ích để bạn đi đúng hướng trong việc cải thiện khả năng truy cập của WordPress.

Một trong những tính năng của plugin là khả năng kích hoạt skip links, đây là các liên kết nội bộ cho phép người dùng chuyển trực tiếp đến nội dung chính. Tính năng này đặc biệt hữu ích đối với những người sử dụng trình đọc màn hình.

Ngoài ra, plugin này còn cho phép bạn thêm một thanh công cụ giúp người dùng khiếm thị thay đổi kích thước phông chữ, độ tương phản và chế độ thang xám trên trang web của bạn.

Ngoài ra, nó còn loại bỏ thuộc tính tiêu đề (title attributes) khỏi các hình ảnh được chèn trong nội dung, vì hầu hết các trình đọc màn hình không thể nhận diện được những thuộc tính này và thường đọc văn bản liên kết thay thế.

Độ tương phản màu sắc

Có hơn 2,7 triệu người bị mù màu trên thế giới. Những người này có ba loại mù màu khác nhau: mù hoàn toàn, mù hai màu và thị lực màu kém. Để đảm bảo thiết kế trang web của bạn hoạt động tốt dù có hay không có màu sắc, hãy chú ý đến tỷ lệ màu và độ tương phản.

Hãy sử dụng các tùy chọn màu có độ tương phản cao, chẳng hạn như đen và trắng, để làm cho trang web của bạn dễ đọc hơn. WCAG 2.0 khuyến nghị tỷ lệ tương phản là 4,5:1 cho văn bản chính. Nếu trang web của bạn cần thêm một chút phong cách, bạn có thể sử dụng các mẫu hoặc kết cấu để tăng cường độ tương phản.

Văn bản ALT của hình ảnh

Văn bản ALT của hình ảnh mô tả sự xuất hiện và chức năng của hình ảnh trên trang.

Ban đầu, nó được thiết kế để tăng khả năng truy cập, vì trình đọc màn hình không thể hiểu được hình ảnh nếu không có văn bản ALT. Tuy nhiên, nó sau đó đã được sử dụng như một phần của các chiến lược SEO, với các từ khóa được chèn vào để công cụ tìm kiếm nhận diện và lập chỉ mục.

Nếu bạn có thói quen sử dụng văn bản ALT để nhồi nhét từ khóa vào trang web, bạn nên dừng lại hoặc thay đổi cách làm này, vì nó có thể phá hỏng trải nghiệm của những người sử dụng trình đọc màn hình.

May mắn thay, việc mô tả rõ ràng hình ảnh (nếu nó liên quan đến nội dung của bạn) vẫn có thể chứa các từ khóa hữu ích. Nói chung, không có văn bản ALT còn tốt hơn là sử dụng văn bản ALT không liên quan.

Tiêu đề nội dung

Nhiều người sẽ chỉ lướt qua nội dung của bạn thay vì đọc từng từ. Tiêu đề nội dung không chỉ giúp người dùng chuyển đến những phần mà họ quan tâm nhất, mà còn giúp chia nhỏ các đoạn văn bản lớn thành các phần dễ đọc hơn, đồng thời giúp trình đọc màn hình xác định ngữ cảnh của từng phần.

Văn bản thay thế

Nếu trang web của bạn có nội dung đa phương tiện như video và tệp âm thanh (chẳng hạn như podcast và sách nói), bạn nên cung cấp phụ đề hoặc bảng chép nội dung. Điều này có thể hỗ trợ những người bị điếc cũng như những người ở nơi công cộng không thể bật âm thanh để trải nghiệm nội dung.

Nhãn rõ ràng cho các trường biểu mẫu

Khi tạo biểu mẫu cho trang web, có thể bạn muốn đặt nhãn của trường vào bên trong trường để tăng tính thẩm mỹ. Tuy nhiên, một số trình đọc màn hình không thể truy cập được văn bản nếu nó nằm bên trong trường. Vì vậy, hãy giữ mọi thứ đơn giản và đặt nhãn biểu mẫu bên ngoài các trường.

Liên kết và Menu có thể sử dụng bằng bàn phím

Có một số người không thể sử dụng chuột để truy cập trang web do các vấn đề về kỹ năng vận động. Họ phải sử dụng bàn phím để điều hướng trang web, sử dụng phím Tab để di chuyển tiến và Shift+Tab để quay lại.

Vấn đề phổ biến nhất đối với những người này là họ có thể truy cập mục chính của menu thả xuống nhưng không thể truy cập được các menu con. Bạn có thể khắc phục điều này bằng cách gán các phím tắt hoặc khả năng truy cập thông qua phím. Ví dụ: nhấn phím “1” để chuyển đến trang chủ, “2” đến trang giới thiệu, v.v.

Kiểm tra WordPress Accessibility

Nếu bạn không chắc chắn về chất lượng khả năng truy cập WordPress của mình, bạn có thể kiểm tra nó.

Mặc dù Sáng kiến Web Accessibility không khuyến nghị bất kỳ công cụ cụ thể nào, nhưng bạn có thể tìm thấy danh sách các công cụ kiểm tra khả năng truy cập trên trang web của họ. Hãy thử sử dụng một vài công cụ và xem trang web của bạn đạt được mức độ nào.

Tiện ích mở rộng Google Chrome, Web Accessibility Evaluation Tool (WAVE), cũng là một cách khác để đánh giá khả năng truy cập của trang web.

Ví dụ về các trang Web làm tốt khả năng truy cập

Có rất nhiều trang web được thiết kế cẩn thận với nhận thức rõ ràng về khả năng truy cập. Trang web của Thế vận hội mùa đông Pyeongchang 2018 là một ví dụ với chỉ hai lỗi và 264 yếu tố được gắn nhãn chính xác. Apple còn làm tốt hơn một chút, chỉ ghi nhận một lỗi từ WAVE.

Lời kết

WordPress Accessibility không chỉ là một yêu cầu pháp lý tiềm năng mà còn là cơ hội để bạn cải thiện trải nghiệm người dùng và mở rộng phạm vi tiếp cận cho trang web của mình. Với sự phổ biến của internet trong mọi lĩnh vực đời sống, việc đảm bảo rằng trang web của bạn thân thiện với tất cả mọi người là một bước đi cần thiết.

Bằng cách áp dụng các phương pháp tiếp cận như sử dụng văn bản ALT, cải thiện độ tương phản màu sắc, và đảm bảo menu có thể điều hướng bằng bàn phím, bạn không chỉ đáp ứng nhu cầu của những người dùng khuyết tật mà còn nâng cao khả năng SEO, giúp trang web của bạn thân thiện hơn với công cụ tìm kiếm.

Hãy coi WordPress Accessibility là một phần trong chiến lược tổng thể của bạn để tạo ra một trang web không chỉ đẹp mắt mà còn dễ dàng sử dụng với tất cả mọi người.

Bài viết liên quan