[フレーム]
はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできます コメント表示の設定

ブックマークしました

ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

139users がブックマーク コメント 13

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

role 属性とは、aria-* 属性とは、WAI-ARIA とは、いったい何なのか、いつ使うべきなのか - Qiita

139 users qiita.com/ymrl

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

はてなブックマーク

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページへ

記事へのコメント13件

  • 注目コメント
  • 新着コメント
izoc
設定が適当でも健常者は気づかないし困らない。実装してもUXの良し悪し評価できる人がいないのよね。AIにhtml解析させて自動で付与とかが良いのかもしれない

その他
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

その他
mohri
"WAI-ARIAの属性は「使わなければいけない理由がなければ使わない」ようにするべき"

その他
nemoba
"No ARIA is better than Bad ARIA" 歴史的に見てこの手のがが守られたことは無いので、適当タグ付けがまず広がってくよー

その他
hatest
bootstrap.jsからの流れかもしれないが、javascriptやCSSで処理するための目印としてrole 属性とaria-*属性を使うようになってて、その属性の本来の意味を考えずに使いまくるカオスな道を歩んできている

その他
mohri
mohri "WAI-ARIAの属性は「使わなければいけない理由がなければ使わない」ようにするべき"

2024年09月29日 リンク

その他
sigwyg
"No ARIA is better than Bad ARIA"

その他
poad1010
この記事をおすすめしました

その他
ymrl
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

2024年09月17日 リンク

その他
nemoba
nemoba "No ARIA is better than Bad ARIA" 歴史的に見てこの手のがが守られたことは無いので、適当タグ付けがまず広がってくよー

2024年09月17日 リンク

その他
rryu
まあ、RIA(Rich Internet Application)というのが既に死語な感じがする。JSでDOM操作するとかAJAXとかがRIAなので、そういうことをする時に必要になるものである。

その他
hatest
hatest bootstrap.jsからの流れかもしれないが、javascriptやCSSで処理するための目印としてrole 属性とaria-*属性を使うようになってて、その属性の本来の意味を考えずに使いまくるカオスな道を歩んできている

2024年09月17日 リンク

その他
repon
storybookでアクセシビリティのエラーが表示されるけど、タブを選択して目視なので、testでエラーが出てきて欲しい。htmlタグの入れ子のルールとか、とにかく目視でなく出来ないものか......Figmaとのピクセルパーフェクトも

その他
izoc
izoc 設定が適当でも健常者は気づかないし困らない。実装してもUXの良し悪し評価できる人がいないのよね。AIにhtml解析させて自動で付与とかが良いのかもしれない

2024年09月17日 リンク

その他
mrmt
mrmt 実務的な解説、わかりやすくありがたし! 全盲の部下とスクリーンリーダでのUI/UXをえっちらおっちらしたことあるけど、ユースケースやスクリーンリーダの挙動は晴眼者には理屈だけじゃなかなかわかんねー。

2024年09月17日 リンク

その他
xlc
素晴らしい解説。現実的にはスクリーンリーダーの動作に影響を与えるモノなので、その観点での具体的な説明もあると嬉しい。まあ、スクリーンリーダーで試せという話ではあるのですが。

その他
mayumayu_nimolove
HTMLで伝わる情報以外に伝えたい場合のみ使ってる

その他
gyampy
WAI-ARIAの属性は「使わなければいけない理由がなければ使わない」ようにするべき

その他

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー
アプリのスクリーンショット
いまの話題をアプリでチェック!
  • バナー広告なし
  • ミュート機能あり
  • ダークモード搭載
アプリをダウンロード

関連記事

usersに達しました!

さんが1番目にブックマークした記事「role 属性とは、ar...」が注目されています。

気持ちをシェアしよう

ツイートする

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の属性を使うことでかえって問題が発生しやすくなってしまったりしている現状があるのではないかと思うようになりました。 そこでこの記事では、なるべ

ブックマークしたユーザー

  • timdaik_tech2025年10月11日 timdaik_tech
  • techtech05212024年10月18日 techtech0521
  • mohri2024年09月29日 mohri
  • lugecy2024年09月29日 lugecy
  • kyaido2024年09月27日 kyaido
  • mziyut1122024年09月25日 mziyut112
  • jytech2024年09月21日 jytech
  • o_hiroyuki2024年09月20日 o_hiroyuki
  • sigwyg2024年09月19日 sigwyg
  • poad10102024年09月19日 poad1010
  • dna_z2024年09月19日 dna_z
  • herakures2024年09月19日 herakures
  • shirotorabyakko2024年09月19日 shirotorabyakko
  • yauaa2024年09月19日 yauaa
  • dhrname2024年09月18日 dhrname
  • kikiki-kiki2024年09月18日 kikiki-kiki
  • cu392024年09月18日 cu39
  • rikuo2024年09月18日 rikuo
すべてのユーザーの
詳細を表示します

ブックマークしたすべてのユーザー

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

同時期にブックマークされた記事

いま人気の記事 - 企業メディア

企業メディアをもっと読む

はてなブックマーク

公式Twitter

はてなのサービス

Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しましたx

AltStyle によって変換されたページ (->オリジナル) /