Produits Entr'ouvert » Combo

Il faut leur donner un intitulé et il faut qu'ils indiquent l'état (ouvert/fermé) de l'élément qu'il contrôle (la liste des services)

Recommendations :

Appliquez systématiquement le principe suivant :
• L’élément qui permet d’afficher / masquer la zone doit être un bouton ou implémenter le modèle de conception ARIA button (cf. section « utilisation des boutons et des liens ») ;
• La zone contrôlée doit posséder un attribut id unique ;
• Le bouton qui contrôle la zone doit posséder un attribut aria-expanded dont la valeur sera « true » lorsque la zone est affichée et « false » lorsqu’elle est masquée (sauf si vous préférez modifier le libellé du composant qui permet d’afficher/masquer la zone) ;
• Le bouton qui contrôle la zone doit posséder un attribut aria-controls dont la valeur sera celle de l’attribut id de la zone contrôlée.

Par exemple :
<button aria-expanded="false" aria-controls="liste-service">Plus de service</button>
<ul id="liste-service"> … </ul>