9dc83806d8
* ui: Improve keyboard access for some custom components * ui: Add some accessibility related metadata
15 lines
680 B
Handlebars
15 lines
680 B
Handlebars
<nav role="tablist" class="tab-nav">
|
|
<ul>
|
|
{{#each items as |item|}}
|
|
<li class={{if (or item.selected (eq selected (if item.label (slugify item.label) (slugify item)))) 'selected'}}>
|
|
<label role="tab" onkeydown={{action 'keydown'}} tabindex="0" aria-controls="radiogroup_{{name}}_{{if item.label (slugify item.label) (slugify item)}}_panel" for="radiogroup_{{name}}_{{if item.label (slugify item.label) (slugify item)}}" data-test-radiobutton="{{name}}_{{if item.label (slugify item.label) (slugify item)}}">
|
|
{{#if item.href }}
|
|
<a href={{item.href}}>{{item.label}}</a>
|
|
{{else}}
|
|
<a>{{ item }}</a>
|
|
{{/if}}
|
|
</label>
|
|
</li>
|
|
{{/each}}
|
|
</ul>
|
|
</nav> |