回答編集履歴
1
参考記事を追加
answer
CHANGED
|
@@ -2,4 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
---
|
|
4
4
|
|
|
5
|
-
また、「できるだけWAI-ARIAは使わない方がよい」という原則に従うのであれば、当然、「`div role="button"`ではなく`button`を使うべき」となるかと思います。
|
|
5
|
+
また、「できるだけWAI-ARIAは使わない方がよい」という原則に従うのであれば、当然、「`div role="button"`ではなく`button`を使うべき」となるかと思います。
|
|
6
|
+
|
|
7
|
+
---
|
|
8
|
+
|
|
9
|
+
参考：
|
|
10
|
+
> スクリーンリーダー利用者への対応として、「適切なroleを設定すればよい」という認識は、ほとんどの場合不十分、もしくは誤っています。 各roleには細かな使い方のルールや同時に組み合わせて使用する必要のある別の属性が存在するものが多くあります。 そして、マウス・キーボードのそれぞれにおいて、洗練された操作体系が存在します。
|
|
11
|
+
>
|
|
12
|
+
> ARIA role を使用するのであれば、これらを熟知して適切に実装し、キーボードでの操作やスクリーンリーダーでの読み上げを入念にテストする必要があります。 数多くの知識、それなりの実装時間、ブラウザやスクリーンリーダーを複数組み合わせたテスト環境など、多くのリソースを必要とします。 もしこれらが十分でないのならば、ARIA roleを使用するべきではありません。 これらがすべてそろった開発の現場は、かなりレアではないでしょうか。 ARIA role はそういったレアな現場のためのものであり、ほとんどの場合には使用を推奨できないどころか、非推奨です。
|
|
13
|
+
> [標準でないチェックボックスはいろいろ難しい - ARIA-Barriers](https://aria-barriers.shuaruta.com/2024/02/07/checkbox.html)
|