アクセシビリティスキル

このスキルにより、サイトが全員に使用可能であることを保証します。これには視覚障害、運動障害、認知障害、聴覚障害のあるユーザーも含まれます。アクセシビリティはプロフェッショナルなビルドでは選択肢ではなく、多くの地域で法的要件であり、クライアントへの品質シグナルです。

アクセシビリティのコアルール

1. セマンティックHTML(必須)

• アクション用には <button> を、ナビゲーション用には <a> を使用します。<div onClick> をボタンとして使用することは絶対にしません。
• ナビゲーション用に <nav> を、メインコンテンツ用に <main> を、サイドバー用に <aside> を、フッター用に <footer> を使用します。
• <section> にはセクションの見出しを指す aria-labelledby を使用します。
• リスト用に <ul>/<ol> を使用します。<div> とCSSの箇条書きでリストを偽造しません。
• 表形式データには <table> を使用し、<thead>、<th scope="col">、<caption> を含めます。

2. 見出しの階層

• ページあたり正確に1つの <h1> — ページタイトル

...