Tôi có nên sử dụng WAI-ARIA trong các bản dựng trang web HTML của mình không?


8

Tôi có nên sử dụng WAI-ARIA trong các bản dựng trang web của mình không? Nó sẽ có lợi ích gì không? Có ai thêm 'vai trò' vào mã của họ vào lúc này không?

Một số thông tin về WAI-ARIA - www.w3.org/WAI/intro/aria .

Các vai trò tab, liên kết, hộp kiểm và thanh trượt, cộng với nhiều thứ khác, chưa có sẵn cho HTML5. Từ việc xem danh sách những thứ có sẵn (xem bên dưới) và những gì sẽ đến trong tương lai, có vẻ như chúng ta có thể đang áp dụng vai trò cho một lượng lớn thẻ trên trang của mình. Nó không phải là một vấn đề đặc biệt là nếu nó mang lại lợi ích cho người dùng sử dụng độc giả, v.v.

Ngoài ra, một câu hỏi phụ, công cụ tìm kiếm sẽ cung cấp bất kỳ lợi ích nào cho các trang web sử dụng WAI-ARIA?

Danh sách các vai trò an toàn để sử dụng (tôi nghĩ)

•   role="article"
•   role="banner"
•   role="complementary"
•   role="contentinfo"
•   role="form"
•   role="heading"
•   role="main"
•   role="navigation"
•   role="search"

Ví dụ về việc sử dụng mã HTML5:

<header role="banner"></div>đối với tiêu đề chính, biểu ngữ chỉ được phép một lần trên mỗi trang

<header role="heading"></div>- cho tất cả các tiêu đề sau cái chính

<aside role="complementary"></aside>

<form role="search"></form>


1
Câu hỏi thú vị, đó không phải là điều tôi đã nghĩ đủ để đưa ra câu trả lời, nhưng mong muốn được theo dõi câu hỏi này!
Toby

Tôi cũng vậy. Với số lượng nhỏ các vai trò hiện được phát hành, sẽ không có nhiều nỗ lực để bắt đầu đưa chúng vào mã của chúng tôi nhưng hiện tại nó là vô nghĩa, ví dụ như sẽ không mang lại cho ai bất kỳ lợi ích nào.
DBUK

Nhưng, mục đích của vai trò ARIA navigationtrên navphần tử html5 là gì? Bạn sẽ phải viết trình đọc màn hình tồi tệ nhất trên thế giới để cần những thứ này.
Evan Carroll

Câu trả lời:


3

OK Tôi đã thực hiện một số suy nghĩ và nghiên cứu xung quanh điều này kể từ khi bạn hỏi điều này.

Bây giờ theo ý kiến ​​của tôi rằng bạn nên sử dụng chúng, và tôi dự định bắt đầu đưa chúng vào các dự án.

Chỉ vì chúng không có sẵn không có nghĩa là chúng không thể được phân tích cú pháp bởi các công nghệ hỗ trợ và nếu chúng giúp thêm một chút giá trị ngữ nghĩa thì tại sao không?

Nếu nhiều quản trị web chấp nhận WAI-ARIA, chúng tôi có thể bắt đầu thấy nhiều lợi ích và hạn chế hơn.

Vì có một số mặt tích cực và không có tiêu cực (lưu lại vết sưng nhẹ trong thời gian viết và kích thước HTML), tôi nói hãy dùng nó.

Đây là một bài viết blog thú vị về chủ đề này.


1
Cảm ơn, bài đăng trên blog rất tuyệt, cộng với, có nhiều liên kết hữu ích hơn nằm rải rác trong và bên dưới bài đăng. Tôi sẽ sử dụng WAI-ARIA trong bản dựng tiếp theo của mình. Tôi đoán tốt nhất là chúng ta nên làm quen với nó ngay bây giờ trong khi chỉ có một vài thẻ, trước khi chúng giải phóng phần còn lại của chúng.
DBUK

2

Điều này. Là. tào lao

Tôi đã phục vụ lâu dài cho cộng đồng mù. Tôi sử dụng alttrên tất cả các hình ảnh của tôi và luôn luôn làm như vậy. Tôi mở rộng mọi abbr. Tôi sử dụng "trình kiểm tra" web và trình xác nhận. Tôi cúi xuống phía sau để cung cấp một trang web có thể truy cập.

Nhưng, công cụ này phải dừng lại.

Theo bài viết trên blog được liệt kê ở trên.

Mặc dù có vẻ như thẻ điều hướng sẽ xác định vai trò của yếu tố điều hướng, nhưng không phải mọi trình duyệt đều hiểu nó (chỉ vì trình duyệt có thể hiển thị nó, không có nghĩa là nó hiểu thẻ).

Hãy nhìn xem, nếu bạn bị mù và bạn không thể cập nhật trình duyệt của mình lên trình đọc tương thích HTML5, chúng tôi cần bắt đầu nhìn bạn trong cùng một ánh sáng mà chúng tôi nhìn vào người dùng IE6. Bạn có thể bị mù; nhưng, bạn không ngu ngốc. Bị mù không phải là một cái cớ để lười biếng. Bạn chỉ cần một trình đọc màn hình mới.

<div class="sr_only">
  <span role="navigation">
  <span role="heading">
  <span role="article">
  <span role="search">
    Dear Blind community, we write semantic HMTL5 for a purpose.
    Update your screen reader!

Đây là một thử nghiệm về khả năng chịu đựng trong đó cả thế giới đang gánh vác một ý tưởng ngu ngốc để phù hợp với công nghệ cổ xưa. Cấp, ít nhất là những người cúi xuống về phía sau không làm điều đó để kiếm tiền, nhưng bây giờ bạn nên sử dụng một trình đọc màn hình với ít nhất các cập nhật hai lần.

Cũng quan trọng, là rất nhiều trong số những điều này làm rối trình đọc màn hình mới hơn khi làm sai. Ví dụ, <nav>thường là một container chỉ cho a <ul>. Nếu bạn có một <ul role="navigation">dưới <nav>bạn có thể gặp vấn đề với tính dài dòng vô dụng .

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.