WAI-ARIA 準拠には CSS Modules が最適という話

テクノロジーカテゴリーの変更を依頼記事元:

zenn.dev/takepepe

48 usersがブックマークコメント

コメント

3

記事へのコメント3件

注目コメント
新着コメント

hachibeechan styled-componentsだけがCSSinJSじゃないんだけど、もしそうだとしても.attrs()使えば定義側にaria属性をカプセル化できるからstyled-componentsのほうがむしろ優秀だという話になっちゃうかなー

2021/06/19 リンク

kimromi なるほど〜、styled-components使っててこの辺ごちゃごちゃすると感じてました。

2021/06/19 リンク

yarumato “WAI-ARIAはブラウザー・支援技術に「注釈」（「このspanタグはボタンである」とかボタンの押下状態）を（HTMLタグの属性を使って）与えること。CSS in JSだと注釈と乖離する可能性。CSS Modulesだと乖離しない。”

2021/06/19 リンク

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

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

WAI-ARIA 準拠には CSS Modules が最適という話

CSS と WAI-ARIA 「WAI-ARIA」はブラウザー・支援技術が認識できる「意味」を注釈することで、ユーザー... CSS と WAI-ARIA 「WAI-ARIA」はブラウザー・支援技術が認識できる「意味」を注釈することで、ユーザーの理解を助ける技術です。この与えられた注釈は CSS にも共有され、意味をたよりに装飾の手がかりとすることができます。セマンティックな「状態」表現特別な理由があり「セマンティックではない」以下の様なマークアップを行った場合をみてみます。spanタグの class 名に btnの名前が付与されていますが、ブラウザー・支援技術は、以下をボタンだと認識できません。

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

techtech05212024/04/24
hush_in2021/06/30
L3msh02021/06/20
kkana2021/06/20
Hiro_Matsuno2021/06/20
thesecret32021/06/20
hachibeechan2021/06/19
xyzpda2021/06/19
n0dam12021/06/19
tsubasa1232021/06/19
ytsk2021/06/19
threeMonths2021/06/19
strozw2021/06/19
Nyoho2021/06/19
ubonsasan2021/06/19
putchom2021/06/19
dhesusan46492021/06/19
bouzuya2021/06/19

同じサイトの新着

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

いま人気の記事

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

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

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

新着記事 - テクノロジー

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

設定を変更しましたx