Liens d'évitement
Description
Les liens d’évitement permettent aux utilisateurs naviguant au clavier, ou équipés de lecteurs d'écran, d’accéder plus rapidement à des zones précises de la page.
Mise en oeuvre
Le produit fournit 3 preparers pour générer les liens d'évitements vers le header de recherche, vers le contenu principal et vers le footer.
Le lien d'évitement consiste simplement en un lien de type "a href" vers une ancre de la la page.
Le fonctionnement impose donc que les composants ciblés possèdent un identifiant unique.
Par exemple, 'header-search-trigger' pour le header de recherche,
...
<kuik:button status="neutral" icon="true" popovertarget="panel-search" id="header-search-trigger">
<kuik:icon source="icon://ui/search" size="md"/>
...
'content' pour le contenu principal,
...
<main id="content" class="main ${bodyTypeClass} l-grid l-expanded-body__expander u-rg-sm">
<div>
...
et 'footer' pour le footer,
...
<footer id="footer" class="footer" role="contentinfo">
<div class="footer__body">
...
En cas de surcharge de JSP, il est donc important de bien positionner les identifiants si nécessaire.
Chaque composant à la responsabilité d'appeler son preparateur de lien d'évitement.
Cela garantit que le lien d'évitement vers le contenu ne sera généré que si le contenu est généré.
Par exemple, le lien d'évitement vers le bandeau de recherche est un item de l'"expectedViewTypes" du composant panelSearchBarViewPreparer:
<bean id="panelSearchBarViewPreparer" class="com.kosmos.search.PanelSearchBarViewPreparer">
<property name="type" value="panel-search-bar" />
<property name="view" value="/WEB-INF/jsp/search/panel-search-bar.jsp" />
<property name="expectedViewTypes">
<value>skiplink-header-search</value>
</property>
</bean>