気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
138 usersがブックマーク
13
13
role 属性とは、aria-* 属性とは、WAI-ARIA とは、いったい何なのか、いつ使うべきなのか - Qiita
138 users
qiita.com/ymrl
記事へのコメント13件
- 注目コメント
- 新着コメント
mrmt
実務的な解説、わかりやすくありがたし! 全盲の部下とスクリーンリーダでのUI/UXをえっちらおっちらしたことあるけど、ユースケースやスクリーンリーダの挙動は晴眼者には理屈だけじゃなかなかわかんねー。
ymrl
id:repon Storybookの話は@storybook/addon-a11yのことだと思うんですが、同じaxe-coreを使ったテストがaxe-playwrightで自動化できます https://storybook.js.org/docs/writing-tests/accessibility-testing#automate-accessibility-tests-with-test-runner
hatest
bootstrap.jsからの流れかもしれないが、javascriptやCSSで処理するための目印としてrole 属性とaria-*属性を使うようになってて、その属性の本来の意味を考えずに使いまくるカオスな道を歩んできている
ymrl
id:repon Storybookの話は@storybook/addon-a11yのことだと思うんですが、同じaxe-coreを使ったテストがaxe-playwrightで自動化できます https://storybook.js.org/docs/writing-tests/accessibility-testing#automate-accessibility-tests-with-test-runner
rryu
まあ、RIA(Rich Internet Application)というのが既に死語な感じがする。JSでDOM操作するとかAJAXとかがRIAなので、そういうことをする時に必要になるものである。
hatest
bootstrap.jsからの流れかもしれないが、javascriptやCSSで処理するための目印としてrole 属性とaria-*属性を使うようになってて、その属性の本来の意味を考えずに使いまくるカオスな道を歩んできている
repon
storybookでアクセシビリティのエラーが表示されるけど、タブを選択して目視なので、testでエラーが出てきて欲しい。htmlタグの入れ子のルールとか、とにかく目視でなく出来ないものか……Figmaとのピクセルパーフェクトも
mrmt
実務的な解説、わかりやすくありがたし! 全盲の部下とスクリーンリーダでのUI/UXをえっちらおっちらしたことあるけど、ユースケースやスクリーンリーダの挙動は晴眼者には理屈だけじゃなかなかわかんねー。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
いまの話題をアプリでチェック！
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
role 属性とは、aria-* 属性とは、WAI-ARIA とは、いったい何なのか、いつ使うべきなのか - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure y... Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 最近、いくつかの場面でWebアクセシビリティについて、コーディングに関する技術的な説明をする機会がありました。そのなかで、そもそもWAI-ARIAというものが、どういう立ち位置のものなのかがわかりづらい状態にあるということに気付きました。その結果として、WAI-ARIAの活用を含めたWebアクセシビリティ向上に取り組むことへのネガティブな印象が生まれてしまったり、理解が足りないままWAI-ARIAの属性を使うことでかえって問題が発生しやすくなってしまったりしている現状があるのではないかと思うようになりました。 そこでこの記事では、なるべ
ブックマークしたユーザー
すべてのユーザーの
詳細を表示します
詳細を表示します
2024/09/17 リンク