Closed aki366 closed 1 year ago
サイドナビは画面左側のメニュー部分ですね。今、divタグの中にul>liタグでマークアップされていますが(ulタグはリンク先のコードには見当たりませんでした。liタグは親要素にulまたはolまたはmenuタグを必要としますので、なければ追加が必要です）基本的にナビゲーションには「navタグ」をつけてあげると良いです。（もしくはこの場合はasideタグでも良いです）
例 <nav class="crumbs"> <ul> <li class="crumb"><a href="#">Bikes</a></li> <li class="crumb"><a href="#">BMX</a></li> <li class="crumb">Jump Bike 3000</li> </ul> </nav>
参考：https://developer.mozilla.org/ja/docs/Web/Accessibility/ARIA/Roles/Navigation_Role
HTMLはなるべくセマンティックな構造になるようにマークアップします。ここでは話が膨大になりますのでセマンティックHTMLに関しては割愛します。セマンティックHTML：https://code-kitchen.dev/tags/%E3%82%BB%E3%83%9E%E3%83%B3%E3%83%86%E3%82%A3%E3%83%83%E3%82%AFHTML/検索botなどに対してだけではなく、アクセシビリティの向上にもつながります（Webはアクセシビリティ込みであってこそWebであると考えます）
サイドナビについて
サイドナビは画面左側のメニュー部分ですね。今、divタグの中にul>liタグでマークアップされていますが(ulタグはリンク先のコードには見当たりませんでした。liタグは親要素にulまたはolまたはmenuタグを必要としますので、なければ追加が必要です）基本的にナビゲーションには「navタグ」をつけてあげると良いです。（もしくはこの場合はasideタグでも良いです）
参考：https://developer.mozilla.org/ja/docs/Web/Accessibility/ARIA/Roles/Navigation_Role
HTMLはなるべくセマンティックな構造になるようにマークアップします。ここでは話が膨大になりますのでセマンティックHTMLに関しては割愛します。セマンティックHTML：https://code-kitchen.dev/tags/%E3%82%BB%E3%83%9E%E3%83%B3%E3%83%86%E3%82%A3%E3%83%83%E3%82%AFHTML/検索botなどに対してだけではなく、アクセシビリティの向上にもつながります（Webはアクセシビリティ込みであってこそWebであると考えます）