Revoir le flux HTML des résultats de recherche pour l'accessibilité

Critère 6.1 Chaque lien est-il explicite (hors cas particuliers) ?

Ajouter un attribut aria-label dans les balises <a> des croix de suppression des filtres actifs et le renseigner tel que aria-label="Supprimer le filtre : [reprise de l'intitulé du filtre actif correspondant].

Pour obtenir par exemple concrètement, pour la croix de suppression du filtre actif "Depuis 1 an" :

<li class="search-filter__filter-selected">
 Depuis 1 an
 <a href="..." aria-label="Supprimer le filtre : Depuis 1 an">×</a>
</li>

• Cette modif se situe dans WEB-INF/jsp/search/fo/metadata/metadata.jsp

Critère 7.1 Chaque script est-il, si nécessaire, compatible avec les technologies d'assistance ?

Corrections à appliquer aux boutons "Voir plus" et "Voir moins" présents dans le panneau des filtres "Site" :

1. Remplacer leur balise <a> par des balises <button>.

2. Extraire ces balises <button> de la balise <ul class="term-aggregation__item-list">.

Pour obtenir par exemple concrètement :

<ul class="term-aggregation__item-list">[...]</ul>
<button class="item-list__show-more" style="display: none;">Voir plus</button>
<button class="item-list__show-less" style="display: inline;">Voir moins</button>

• - - - - - - - - - - - -
  Ajouter un attribut aria-expanded dans la balise <button type="button" class="aggregation-toggle"> du bouton "Filtres" présent sur la version mobile du site et le renseigner dynamiquement tel que :
• aria-expanded="false" quand le panneau des filtres est masqué.
• aria-expanded="true" quand il est affiché.

Aussi, entourer le chevron (">") avec une balise <span aria-hidden="true">.

Pour obtenir par exemple concrètement :

<button class="aggregation-toggle" aria-expanded="false">
 <span aria-hidden="true">&gt;</span> Filtres
</button>

•  Cette modif se situe dans WEB-INF/jsp/search/fo/aggregation

Critère 7.3 Chaque script est-il contrôlable par le clavier et la souris (hors cas particuliers) ? 

Les cases à cocher des filtres (dans <form id="aggregation_search">) ne sont pas accessibles au clavier seul et avec un lecteur d'écran.

Pour y remédier, revoir leur actuelle intégration en suivant les recommandations de cette fiche : https://www.accede-web.com/notices/interface-riche/cases-a-cocher-simulees-en-css.

En veillant bien à garantir la visibilité de la prise de focus clavier de ces cases à cocher.

• Cette modif se situe dans WEB-INF/jsp/search/fo/aggregation/aggregationTermLabelView.jsp

Critère 8.6 Pour chaque page Web ayant un titre de page, ce titre est-il pertinent ?

"Revoir le contenu de la balise <title> de cette page tel que :
<title>Résultats de la recherche sur ""[terme(s) recherché(s)]"" (page [X] sur [X]) | Université Clermont Auvergne</title>

Pour obtenir par exemple concrètement, dans le cas où l'utilisateur fait une recherche sur le terme ""handicap"" et se positionne sur la page 2 des résultats :
<title>Résultats de la recherche sur ""handicap"" (page 2 sur 3) | Université Clermont Auvergne</title>"

• Cette modif se situe dans WEB-INF/jsp/search/fo/search_result.jsp

Critère 9.1 Dans chaque page Web, l'information est-elle structurée par l'utilisation appropriée de titres ?

Entourer les titres des résultats de la recherche avec des balises <h2>.

Pour obtenir par exemple concrètement :

<h2>
 <a href="..." class="item-title__element_title">Licence Psychologie</a>
</h2>

• Cette modif se situe dans WEB-INF/jsp/search/fo/result/search_result.jsp

Critère 9.3 Dans chaque page Web, chaque liste est-elle correctement structurée ?

Structurer la liste des filtres actifs (dans <div class="search-result__metadata">) avec une balise <ul> et autant de balises <li> qu'il n'y a de filtres actifs.

Pour obtenir par exemple concrètement :

<ul class="search-metadata__search-filter">
 <li class="search-filter__filter-selected">[Filtre actif 01]</li>
 <li class="search-filter__filter-selected">[Filtre actif 02]</li>
 [...]
</ul>

•  Cette modif se situe dans WEB-INF/jsp/search/fo/metadata/metadata.jsp

Critère 11.1 Chaque champ de formulaire a-t-il une étiquette ?

Sur le champ de recherche :
1. Supprimer title="".

2. Ajouter aria-label="Recherche par mots clés".

• Cette modif se situe dans WEB-INF/jsp/search/fo/metadata/metadata.jsp mais l'ajout du title semble se faire en dynamique

Critère 12.7 Dans chaque page d'une collection de pages, des liens facilitant la navigation sont-ils présents ?

Le RGAA demande de pouvoir accéder à chaque page de la collection/pagination.

==> Proposer une maquette pour répondre à cette problématique (solution proposée par les auditeurs : liste déroulante avec les numéros de page).