a11yはaccessibilityの略で、年齢や障害の有無、利用環境にかかわらず使いやすいUIやコンテンツを設計する考え方です。キーボード操作、読み上げ対応、十分なコントラスト確保なども含みます。

新API「HTML-in-Canvas」を紹介 - CanvasにHTMLを描くAPIは何を解決するのか?

HTMLのセマンティクスを意識して、壊れにくいテストコードを書こう

小さな見づらさを減らすCSS - ::selection、caret-color、::target-text など、テキスト周りの装飾を改善しよう

アクセシビリティーに考慮するHTMLコーディング - WAI-ARIAでスクリーンリーダーの読み上げがこう変わる

ウェブ制作にも便利!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編)

ウェブ制作に関わる人に役立つウェブアクセシビリティーの基本

HTMLコーディングの今(2023年)