グローバルナビゲーションの配置｜上級CSSレイアウト講座

ここでは横並びのメニュー｜グローバルナビゲーションを例に配置について説明します。 よく画面右上に「会社概要/個人情報の取り扱い」というリンクがあります。又は、ヘッダーの直後に横並びのグローバルナビゲーションを設置しているサイトがあります。通常、普通にこの位置（右上及びヘッダー直後）に配置させる場合html上でヘッダーの中などはじめに記述しますね。 しかしながら、アクセシビリティを考慮するならなるべくhtml上では最後の方に記述したいものです。（音声読上げを使用する場合、ページを移るたびに同じナビゲーションの説明を聞くのはちょっと酷です。いち早く目的の情報にアクセスしたいものです。） 今回はこの様な配置法について説明します。 追記）アクセシビリティについて調べた結果、ヘッダー内もしくはヘッダー直後にグローバルナビゲーションを設置した場合、音声読み上げに対してはメニューをスキップさせる方法があ

[cocopink]

html上では最後の方に記述したグローバルナビゲーションをヘッダー直後、コンテンツ上に配置　設置。　｜　グローバルナビゲーションの配置｜上級CSSレイアウト講座