mirror of
https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend
synced 2025-12-31 09:37:15 +01:00
609a7ed6dd
- Add data-what/data-which attributes for E2E test targeting - Add ARIA roles (tablist, tab, group) for screen readers - Add aria-label attributes for interactive elements - Add aria-current for active tab indication
17 lines
437 B
HTML
17 lines
437 B
HTML
<div
|
|
class="flex flex-col h-14 items-start self-stretch px-4"
|
|
data-what="navigation-group"
|
|
[attr.data-which]="group().label"
|
|
role="group"
|
|
[attr.aria-label]="group().label"
|
|
>
|
|
<div
|
|
class="isa-text-caption-caps flex h-6 flex-col justify-center flex-[1_0_0] self-stretch"
|
|
>
|
|
{{ group().label }}
|
|
</div>
|
|
</div>
|
|
@for (item of group().items; track item.label) {
|
|
<shell-navigation-item [item]="item" />
|
|
}
|