fix(select): ajout aria-selected sur les options

CHANGELOG.md

@@ -6,6 +6,7 @@
 - feat(segmented-control): ajout du composant `dsfr-segmented-control`
 - fix(header): traductions manquantes sur boutons 'Fermer'
 - fix(header): affichage lien rubrique mega-menu
+- fix(select): fix accessibilité, ajout attribut `aria-selected` sur les options
 
 # 1.9.3
 

projects/ngx-dsfr-components/src/lib/forms/form-select/form-select.component.html

@@ -28,6 +28,7 @@
     <option
       *ngFor="let option of options; trackBy: trackByIndex"
       [ngValue]="option.value"
+      [attr.aria-selected]="compareFn(option.value, value)"
       [disabled]="option.disabled || null">
       {{ option.label }}
     </option>
@@ -48,7 +49,11 @@
     (change)="onChange()">
     <option *ngIf="!value" [value]="value" selected hidden disabled>{{ placeholder }}</option>
     <ng-container *ngFor="let option of options; trackBy: trackByIndex">
-      <option *ngIf="!option.options" [ngValue]="option.value" [disabled]="option.disabled || null">
+      <option
+        *ngIf="!option.options"
+        [ngValue]="option.value"
+        [attr.aria-selected]="compareFn(option.value, value)"
+        [disabled]="option.disabled || null">
         {{ option.label }}
       </option>
     </ng-container>
@@ -58,6 +63,7 @@
         <option
           *ngFor="let option of option.options; trackBy: trackByIndex"
           [ngValue]="option.value"
+          [attr.aria-selected]="compareFn(option.value, value)"
           [disabled]="option.disabled || null">
           {{ option.label }}
         </option>