diff --git a/src/app/post/components/post-header/post-header.component.html b/src/app/post/components/post-header/post-header.component.html index e67e66190e937675162b873cbfe17d62bf1878c9..a24a9232a22fa9810c652269d61b2203cec91c10 100644 --- a/src/app/post/components/post-header/post-header.component.html +++ b/src/app/post/components/post-header/post-header.component.html @@ -9,12 +9,14 @@ </div> <nav> - <div role="tablist" class="navigation"> + <div role="tablist" class="navigation" aria-label="Filtrer les actualités"> <div *ngFor="let tag of tags.others" class="tag" role="tab" tabindex="0" + aria-controls="posts" + [attr.aria-selected]="tag.slug === mainActiveTag.slug ? true : false" [ngClass]="{ active: tag.slug === mainActiveTag.slug || tag.name === mainActiveTag.slug }" (click)="activateTag(tag)" (keydown.enter)="activateTag(tag)" diff --git a/src/app/post/components/post-list/post-list.component.html b/src/app/post/components/post-list/post-list.component.html index 2beb8bb1031716247b73dd6f36139df68cd49ec3..50e1f8874bf7a306c2e439a1b3ef59b93cac67f1 100644 --- a/src/app/post/components/post-list/post-list.component.html +++ b/src/app/post/components/post-list/post-list.component.html @@ -1,5 +1,5 @@ <app-post-header /> -<div class="section-container news"> +<div class="section-container news" role="tabpanel" id="posts"> <div *ngIf="!isLoading && allPosts.length === 0"> <p>Aucun résultat ne correspond à votre recherche.</p> </div>