a11yはaccessibilityの略で、年齢や障害の有無、利用環境にかかわらず使いやすいUIやコンテンツを設計する考え方です。キーボード操作、読み上げ対応、十分なコントラスト確保なども含みます。
HTMLのセマンティクスを意識して、壊れにくいテストコードを書こう
小さな見づらさを減らすCSS - ::selection、caret-color、::target-text など、テキスト周りの装飾を改善しよう
アクセシビリティーに考慮するHTMLコーディング - WAI-ARIAでスクリーンリーダーの読み上げがこう変わる
HTMLコーディングの今（2023年）
ウェブ制作にも便利！React & Vueで始めるヘッドレスUI
リンク/ボタン/フォームをより良くするHTML・CSS 17選
HTMLでモーダルUIを作るときに気をつけたいこと
お問い合わせフォームのウェブアクセシビリティー対応の方法
Bootstrap 5入門 - タブUIの作り方
Vue.jsで作る、WAI-ARIA対応のアクセシブルなタブ型UI
Reactで作る、WAI-ARIA対応のアクセシブルなタブ型UI
WAI-ARIA対応のアクセシブルなタブ型UI（基本編）
WAI-ARIA対応のタブ型UIの作り方（Angular編）
