Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Navigation Bars and Menus | Integrating Media and Navigation
HTML Text and Media Foundations

bookNavigation Bars and Menus

When creating a website, organizing your navigation is essential for both usability and accessibility. By grouping navigation links inside a nav element, you clearly indicate to users and assistive technologies where the main navigation areas are located. This structure also helps search engines and screen readers understand the purpose of these links, making your site easier to navigate for everyone. For structured menus, it is best practice to use lists—typically unordered lists (ul)—to present your navigation links in a logical and organized manner.

index.html

index.html

copy

To further improve accessibility, provide skip links at the top of your page. A skip link allows keyboard and screen reader users to jump directly to the main content, bypassing repeated navigation menus. This makes your site more user-friendly for people who rely on assistive technology. While ARIA roles such as role="navigation" can be used, semantic HTML elements like nav are usually sufficient and preferred, as they are natively recognized by browsers and assistive devices.

question mark

What is the main benefit of grouping navigation links inside a nav element?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 3. Chapitre 4

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Awesome!

Completion rate improved to 6.25

bookNavigation Bars and Menus

Glissez pour afficher le menu

When creating a website, organizing your navigation is essential for both usability and accessibility. By grouping navigation links inside a nav element, you clearly indicate to users and assistive technologies where the main navigation areas are located. This structure also helps search engines and screen readers understand the purpose of these links, making your site easier to navigate for everyone. For structured menus, it is best practice to use lists—typically unordered lists (ul)—to present your navigation links in a logical and organized manner.

index.html

index.html

copy

To further improve accessibility, provide skip links at the top of your page. A skip link allows keyboard and screen reader users to jump directly to the main content, bypassing repeated navigation menus. This makes your site more user-friendly for people who rely on assistive technology. While ARIA roles such as role="navigation" can be used, semantic HTML elements like nav are usually sufficient and preferred, as they are natively recognized by browsers and assistive devices.

question mark

What is the main benefit of grouping navigation links inside a nav element?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 3. Chapitre 4
some-alt