アクセシビリティのためによく書く CSS - Qiita

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

qiita.com/uto-usui

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

コメント

1

記事へのコメント1件

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

stibbar https://frasco.io/writing-css-with-accessibility-in-mind-4fc82b26aecb

2021/04/13 リンク

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

規約違反を報告

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

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

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

アプリをダウンロード

関連記事

アクセシビリティのためによく書く CSS - Qiita

アクセシビリティを意識した CSS に関するいくつかの tips です。スクリーンリーダー用のテキストテキ... アクセシビリティを意識した CSS に関するいくつかの tips です。スクリーンリーダー用のテキストテキストを視覚的には隠したいけどスクリーンリーダーには伝えたい、デザイン上にタイトルはないけどマークアップで見出しを入れて構造化したい要件などを実現するために、要素を隠すような CSS を書きます。たとえば、Apple のホームにアクセスしてみると、次のような CSS で隠された h1 を見つけることができます。 .visuallyhidden { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(0px 0px 99.9% 99.9%); clip-path: ins

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

team-chan32021/09/09
stibbar2021/04/13
hmd7032020/05/20
mtomitomi2020/02/09
mkusaka2019/12/31
Hiro_Matsuno2019/12/08
strozw2019/12/06

同じサイトの新着

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

いま人気の記事

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

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

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

新着記事 - テクノロジー

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

設定を変更しましたx