Skip to content
Snippets Groups Projects
Commit 1ab9691e authored by Marlène SIMONDANT's avatar Marlène SIMONDANT
Browse files

fix(accessibility): add accessibility attributes to news tabs

parent 0dc34792
No related branches found
No related tags found
2 merge requests!907V3.2.0,!879Resolve "[Accessibilité] - Page Accueil (actualités)"
...@@ -9,12 +9,14 @@ ...@@ -9,12 +9,14 @@
</div> </div>
<nav> <nav>
<div role="tablist" class="navigation"> <div role="tablist" class="navigation" aria-label="Filtrer les actualités">
<div <div
*ngFor="let tag of tags.others" *ngFor="let tag of tags.others"
class="tag" class="tag"
role="tab" role="tab"
tabindex="0" tabindex="0"
aria-controls="posts"
[attr.aria-selected]="tag.slug === mainActiveTag.slug ? true : false"
[ngClass]="{ active: tag.slug === mainActiveTag.slug || tag.name === mainActiveTag.slug }" [ngClass]="{ active: tag.slug === mainActiveTag.slug || tag.name === mainActiveTag.slug }"
(click)="activateTag(tag)" (click)="activateTag(tag)"
(keydown.enter)="activateTag(tag)" (keydown.enter)="activateTag(tag)"
......
<app-post-header /> <app-post-header />
<div class="section-container news"> <div class="section-container news" role="tabpanel" id="posts">
<div *ngIf="!isLoading && allPosts.length === 0"> <div *ngIf="!isLoading && allPosts.length === 0">
<p>Aucun résultat ne correspond à votre recherche.</p> <p>Aucun résultat ne correspond à votre recherche.</p>
</div> </div>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment