Merge pull request #3848 from betagouv/rgaa-1-2

RGAA 1.2 Chaque image de décoration est-elle correctement ignorée par les technologies d’assistance ?
betagouv · Apr 26, 2024 · 00bce9b · 00bce9b
2 parents 3d292c2 + db9f805
commit 00bce9b
Show file tree

Hide file tree

Showing 6 changed files with 26 additions and 28 deletions.
diff --git a/frontend/src/components/CanteenIndicators.vue b/frontend/src/components/CanteenIndicators.vue
@@ -6,18 +6,18 @@
     </p>
     <p :class="{ 'my-0': true, inline: singleLine }" v-if="hasDailyMealCount">
       <span class="mx-1" v-if="singleLine && hasSatelliteCanteens">/</span>
-      <v-icon small>$restaurant-fill</v-icon>
+      <v-icon small aria-hidden="false" role="img" aria-label="Repas">$restaurant-fill</v-icon>
       <!-- eslint-disable-next-line prettier/prettier-->
       {{ canteen.dailyMealCount }} par jour<span v-if="canteen.productionType === 'site_cooked_elsewhere'">, livrés</span>
     </p>
     <p :class="{ 'my-0': true, inline: singleLine }" v-if="canteen.city">
       <span class="mx-1" v-if="singleLine && (hasSatelliteCanteens || hasDailyMealCount)">/</span>
-      <v-icon small aria-hidden="false" role="img" aria-label="Localisation">$compass-3-fill</v-icon>
+      <v-icon small>$compass-3-fill</v-icon>
       {{ canteen.city }}
     </p>
     <p :class="{ 'my-0': true, inline: singleLine }" v-if="businessSegments">
       <span class="mx-1" v-if="singleLine && (canteen.dailyMealCount || canteen.city)">/</span>
-      <v-icon small aria-hidden="false" role="img" aria-label="Secteurs">$building-fill</v-icon>
+      <v-icon small>$building-fill</v-icon>
       {{ businessSegments }}
     </p>
   </div>

diff --git a/frontend/src/components/PartnerIndicators.vue b/frontend/src/components/PartnerIndicators.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <p :class="{ 'my-0': true, inline: singleLine }" v-if="types">
-      <v-icon small aria-hidden="false" role="img" aria-label="Type d'acteur">$store-fill</v-icon>
+      <v-icon small>$store-fill</v-icon>
       <span class="ml-1">{{ types }}</span>
     </p>
     <p :class="{ 'my-0': true, inline: singleLine }" v-if="partner.gratuityOption">
@@ -15,7 +15,7 @@
       <span class="ml-1">Présent dans tout le territoire</span>
     </p>
     <p :class="{ 'my-0': true, inline: singleLine }" v-else-if="departments">
-      <v-icon small aria-hidden="false" role="img" aria-label="Départements">$road-map-fill</v-icon>
+      <v-icon small>$road-map-fill</v-icon>
       <span class="ml-1">{{ departments }}</span>
     </p>
   </div>

diff --git a/frontend/src/views/CanteenEditor/ImagesField.vue b/frontend/src/views/CanteenEditor/ImagesField.vue
@@ -5,7 +5,7 @@
         <v-img :src="image.image" contain aspect-ratio="1.4" style="overflow: hidden;" class="grey lighten-2"></v-img>
         <div style="position: absolute; top: 10px; left: 10px;">
           <v-btn fab small @click="deleteImage(image.image)">
-            <v-icon aria-label="Supprimer" aria-hidden="false" color="red">$delete-line</v-icon>
+            <v-icon aria-label="Supprimer" aria-hidden="false" role="img" color="red">$delete-line</v-icon>
           </v-btn>
         </div>
         <DsfrTextarea

diff --git a/frontend/src/views/DiagnosticTunnel/QualityMeasureSteps/BioSiqoStep.vue b/frontend/src/views/DiagnosticTunnel/QualityMeasureSteps/BioSiqoStep.vue
@@ -35,7 +35,7 @@
         />
       </v-col>
       <v-col md="4" class="d-flex align-center left-border" v-if="$vuetify.breakpoint.mdAndUp">
-        <LogoBio style="max-height: 60px;" class="pl-8 d-none d-md-block" />
+        <LogoBio style="max-height: 60px;" class="pl-8 d-none d-md-block" aria-hidden="true" />
       </v-col>
     </v-row>
 
@@ -78,7 +78,7 @@
         <div v-for="label in siqoLabels" :key="label.title">
           <img
             :src="`/static/images/quality-labels/${label.src}`"
-            alt=""
+            aria-hidden="true"
             :title="label.title"
             class="mr-1"
             style="max-height: 40px;"

diff --git a/frontend/src/views/DiagnosticTunnel/QualityMeasureSteps/OtherEgalimStep.vue b/frontend/src/views/DiagnosticTunnel/QualityMeasureSteps/OtherEgalimStep.vue
@@ -20,7 +20,7 @@
                 style="max-height: 30px;"
               />
             </div>
-            <v-icon size="30" color="brown" aria-label="Fermier" title="Fermier" aria-hidden="false" role="img">
+            <v-icon size="30" color="brown" aria-hidden="true" title="Fermier">
               mdi-cow
             </v-icon>
           </div>
@@ -46,21 +46,19 @@
           :class="$vuetify.breakpoint.mdAndUp ? 'narrow-field' : ''"
         />
       </v-col>
-      <v-col md="4" class="d-flex align-center left-border" v-if="$vuetify.breakpoint.mdAndUp">
-        <div class="d-flex pl-10">
-          <div v-for="label in otherLabels" :key="label.title">
-            <img
-              :src="`/static/images/quality-labels/${label.src}`"
-              :alt="label.title"
-              :title="label.title"
-              class="mr-1"
-              style="max-height: 40px;"
-            />
-          </div>
-          <v-icon size="40" color="brown" aria-label="Fermier" title="Fermier" aria-hidden="false" role="img">
-            mdi-cow
-          </v-icon>
+      <v-col md="4" class="d-flex align-center pl-10 left-border" v-if="$vuetify.breakpoint.mdAndUp">
+        <div v-for="label in otherLabels" :key="label.title">
+          <img
+            :src="`/static/images/quality-labels/${label.src}`"
+            :alt="label.title"
+            :title="label.title"
+            class="mr-1"
+            style="max-height: 40px;"
+          />
         </div>
+        <v-icon size="40" color="brown" alt="Fermier" title="Fermier">
+          mdi-cow
+        </v-icon>
       </v-col>
     </v-row>
 
@@ -90,10 +88,10 @@
               <v-card class="text-left">
                 <div class="pa-4 d-flex align-center" style="background-color: #F5F5F5">
                   <div class="d-flex">
-                    <v-icon color="purple" alt="" title="Externalités environnementales">
+                    <v-icon color="purple" aria-hidden="true" title="Externalités environnementales">
                       mdi-flower-tulip-outline
                     </v-icon>
-                    <v-icon class="ml-1" color="green" alt="" title="Performance environnementale">
+                    <v-icon class="ml-1" color="green" aria-hidden="true" title="Performance environnementale">
                       mdi-chart-line
                     </v-icon>
                   </div>
@@ -151,10 +149,10 @@
       </v-col>
       <v-col md="4" class="d-flex align-center pl-10 left-border" v-if="$vuetify.breakpoint.mdAndUp">
         <div class="d-flex">
-          <v-icon size="30" color="purple" alt="" title="Externalités environnementales">
+          <v-icon size="30" color="purple" aria-hidden="true" title="Externalités environnementales">
             mdi-flower-tulip-outline
           </v-icon>
-          <v-icon size="30" class="ml-2" color="green" alt="" title="Performance environnementale">
+          <v-icon size="30" class="ml-2" color="green" aria-hidden="true" title="Performance environnementale">
             mdi-chart-line
           </v-icon>
         </div>

diff --git a/frontend/src/views/PublicCanteenStatisticsPage/index.vue b/frontend/src/views/PublicCanteenStatisticsPage/index.vue
@@ -93,7 +93,7 @@
     <div v-if="locationText" class="pt-8">
       <h2 class="text-h5 font-weight-bold">Les chiffres pour {{ locationText }}</h2>
       <p v-if="sectorsText" class="text-body-2 mt-4 grey--text text--darken-2">
-        <v-icon aria-hidden="false" role="img" aria-label="Secteurs">mdi-office-building</v-icon>
+        <v-icon>mdi-office-building</v-icon>
         {{ sectorsText }}
       </p>
       <v-row :class="{ 'flex-column': $vuetify.breakpoint.smAndDown, 'mt-8': true }">