Menu
My code-snippet is below:-
<nav role="navigation" data-offset-top="100" data-spy="affix" class="navbar navbar-inverse navbar-fixed-top">
When I validate this code, it will give me a warning, but the same code is available on bootstrap documentation.
Here is a screenshot - 
890
The navigation landmark role is used to identify major groups of links used for navigating through a website or page content.
The navigation role is a landmark role. Landmark roles provide a way to identify the organization and structure of a web page. By classifying and labeling sections of a page, structural information conveyed visually through layout is represented programmatically.
<nav>: The Navigation Section element The <nav> HTML element represents a section of a page whose purpose is to provide navigation links, either within the current document or to other documents.
The <nav> tag is used for declaring the navigational section in HTML documents. Websites typically have sections dedicated to navigational links, which enables users to navigate the site.
<nav role="navigation"> is redundant, so it's discouraged. During transitional periods for some elements it's encouraged to use both the [role] attribute in addition to the new tag, but only until browsers support the implicit semantics for the new tag.
This is more commonly seen with <main role="main"> which was a later addition to HTML.
In the end, the w3c validator doesn't say you can't use the redundant markup, it just warns you that it's superfluous and unnecessary.
For example, validating:
<!doctype html>
<title>example</title>
<nav role="navigation"></nav>
Produces the following warning:
Warning: Element nav does not need a role attribute.
If it were invalid markup, you'd receive an error.
106
Because role="navigation" is optional and it is only for user agents that supports ARIA.
In this example, the page includes a top navigation section that does not use the ARIA role of navigation, and a navigation at the bottom of the page that does. The role of navigation is recommended as of September 2014, but at some future point in time may not be needed.
Example: https://awkawk.github.io/using_nav.html
43
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
