add aria-label on every button

Author: jacquesfize

src/components/commons/ShareButton.vue

@@ -27,6 +27,7 @@
                 class="btn btn-outline-secondary"
                 id="shareButton"
                 @click="copy"
+                aria-label="Share button"
             >
                 <div v-if="copied">
                     <i class="bi bi-check2-circle"></i> {{ $t('copied') }}!

src/components/commons/SortBy.vue

@@ -62,6 +62,7 @@
             @click="isOpen = !isOpen"
             :title="$t('sortBy')"
             data-testid="Sorting taxons input form"
+            aria-label="Button to open a dropdown to change the sorting paramaeters"
         >
             <i
                 :class="orderBy === 'asc' ? 'bi bi-sort-up' : 'bi bi-sort-down'"

src/components/commons/TaxonClassFilter.vue

@@ -25,6 +25,7 @@
                 <BButton
                     pill
                     variant="outline-primary"
+                    :aria-label="`Button to select ${value} class of taxon`"
                     :pressed="class_ == value"
                     @click="updateClass(value)"
                     data-testid="Animalia button parameter"
@@ -42,6 +43,7 @@
                     :pressed="class_ == value"
                     @click="updateClass(value)"
                     data-testid="Plantae button parameter"
+                    :aria-label="`Button to select ${value} class of taxon`"
                     >{{ $t(`taxonsClass.Plantae.${value}`) }}</BButton
                 >
             </div>

src/components/core/HTMLBuilder.vue

@@ -52,6 +52,7 @@
                 <button
                     class="btn btn-outline-secondary"
                     @click="copy"
+                    aria-label="Button to get the iframe code"
                     data-testid="embed tag copy button"
                 >
                     <div v-if="copied">

src/components/core/Parameters.vue

@@ -297,6 +297,7 @@
                     <BButton
                         variant="danger"
                         data-testid="Refresh parameters button"
+                        aria-label="Button to refresh the parameter form"
                         @click="ParameterStore.clearParameters(route, router)"
                     >
                         <i class="bi bi-arrow-clockwise"></i>

src/components/core/filters/SourceFilter.vue

@@ -54,6 +54,7 @@
             :variant="props.variant"
             size="md"
             data-testid="button to open the source change modal"
+            aria-label="button to open the source change modal"
             class="col-12 mb-3"
             ><i class="fa fa-leaf"></i> {{ $t('source.modify') }} ({{
                 sourceName

src/components/core/map/PlaceSearchForm.vue

@@ -155,6 +155,7 @@
                 @mousedown.prevent
                 type="button"
                 :title="placeholder"
+                aria-label="Button to toggle the search place form"
             >
                 <i class="bi bi-search"></i>
             </button>
@@ -177,6 +178,7 @@
                         @click="closeForm"
                         @mousedown.prevent
                         type="button"
+                        aria-label="button to close the search place form"
                     >
                         <i class="bi bi-x-lg"></i>
                     </button>

src/components/core/taxonList/TaxonListFooter.vue

@@ -33,6 +33,7 @@
                     src="https://geonature.fr/documents/autres/BAM/BAM-logo.png"
                     height="30px"
                     class="me-1"
+                    alt="BAM logo"
                 />
             </a>
             <strong

src/components/core/taxonList/TaxonListModeSelection.vue

@@ -24,6 +24,7 @@
                 : $t('mode.galleryMode')
         "
         data-testid="Mode toggle button"
+        aria-label="Button to change the display mode between gallery and detailed list"
     >
         <i
             :key="mode"