Navs

<!-- Tabs -->
<ul class="nav nav-tabs">
    <li role="presentation" class="active">
        <a href="#">
        Deze locatie
      </a>
    </li>
    <li role="presentation">
        <a href="#">
        Regels
      </a>
    </li>
    <li role="presentation">
        <a href="#">
        Overige informatie
      </a>
    </li>
</ul>

<!-- Pills -->
<ul class="nav nav-pills">
    <li role="presentation" class="active">
        <a href="#">
        Home
      </a>
    </li>
    <li role="presentation">
        <a href="#">
        Profiel
      </a>
    </li>
    <li role="presentation">
        <a href="#">
        Berichten
          <span class="badge">15</span>
      </a>
    </li>
</ul>

<ul class="nav nav-{{ modifier }}">
  {{#each items }}
    <li role="presentation" {{#if active }}class="active"{{/if}}>
      <a href="#">
        {{ label }}
        {{#if count }}
          {{> '@badge' }}
        {{/if}}
      </a>
    </li>
  {{/each}}
</ul>
/* Tabs */
modifier: tabs
items:
  - label: Deze locatie
    active: true
  - label: Regels
  - label: Overige informatie


/* Pills */
modifier: pills
items:
  - label: Home
    active: true
  - label: Profiel
  - label: Berichten
    count: 15


There are no notes for this item.

ERROR: WCAG2AA.Principle1.Guideline1_3.1_3_1.F92,ARIA4

This element's role is "presentation" but contains child elements with semantic meaning.

<li role="presentation" class="active"> <a href="#"> Deze locatie </a> </li>

NOTICE: WCAG2AA.Principle2.Guideline2_4.2_4_2.H25.2

Check that the title element describes the document.

<title>Navs

ERROR: WCAG2AA.Principle1.Guideline1_3.1_3_1.F92,ARIA4

This element's role is "presentation" but contains child elements with semantic meaning.

<li role="presentation" class="active"> <a href="#"> Deze locatie </a> </li>

NOTICE: WCAG2AA.Principle2.Guideline2_4.2_4_2.H25.2

Check that the title element describes the document.

<title>Navs