Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara 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

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 3. Capitolo 4

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Awesome!

Completion rate improved to 6.25

bookNavigation Bars and Menus

Scorri per mostrare il 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

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 3. Capitolo 4
some-alt