WAI-ARIA + until-found を使用したアクセシブルなアコーディオンの実装
WAI-ARIAを使用してアクセシブルなアコーディオンを実装し、hidden='until-found'を使ってページ内検索に対応する方法について解説します。
Search with Tag: #アクセシビリティ
details/summaryでアコーディオンの開閉アニメーションを実装する方法
details/summaryでアクセシブルなアコーディオンを実装し、開閉アニメーションをつける方法について解説します。
内部に別のリンクを配置できるボックスリンクの実装方法
ボックス全体をリンク化しつつ、内部に別のリンクを配置する場合の実装方法を紹介します。基本実装はCSSだけで擬似要素を使いつつ、altキーのテキスト選択に対応するためのスクリプトも紹介しています。