Optimisation des rôles main et search (#255)

* fix: add main role on main element for better compatibility

* fix: add search role on the whole filters and not only the search input

* docs: update changelog

Author: bellangerq

CHANGELOG.md

@@ -4,6 +4,10 @@ Tous les changements notables de Ara sont documentés ici avec leur date, leur c
 
 ## 9/12/2022
 
+### Corrections 🐛
+
+- Corrections de rôles `main` et `search` ([#255](https://github.com/DISIC/Ara/pull/255))
+
 ### Autres changements ⚙️
 
 - Dans le rapport, déplace l'URL de la page sous son nom ([#257](https://github.com/DISIC/Ara/pull/257))

confiture-web-app/src/App.vue

@@ -81,6 +81,7 @@ useHead({
 
   <main
     id="main"
+    role="main"
     :class="['fr-container fr-mb-12w', { 'fr-mt-9w': !breadcrumbLinks.length }]"
   >
     <Breadcrumb v-if="breadcrumbLinks.length" :links="breadcrumbLinks" />

confiture-web-app/src/components/AuditGenerationFilters.vue

@@ -50,7 +50,7 @@ function submit() {
     <label class="fr-label fr-text--bold fr-mb-1w" for="filters-search">
       Rechercher par mots clés
     </label>
-    <div class="fr-search-bar" role="search">
+    <div class="fr-search-bar">
       <input
         id="filters-search"
         ref="searchInputRef"

confiture-web-app/src/pages/edit/EditAuditStepThreePage.vue

@@ -162,7 +162,7 @@ async function handleDevButtonClick() {
 
     <div class="fr-grid-row fr-grid-row--gutters">
       <div class="fr-col-12 fr-col-md-3">
-        <div class="filters-wrapper">
+        <div class="filters-wrapper" role="search">
           <AuditGenerationFilters :topics="topics" />
         </div>
       </div>