Bonjour,
les en-têtes d'abord puis le contenu ensuite, pour moi ce serait plutôt
des onglets / Tabs, quelque soit leur design ?
Avec les attributs ARIA décrits dans
http://www.accede-web.com/notices/interface-riche/onglets/ , il n'y a
plus le souci que tu as avec un attribut tablist parent.
Semi-HS : si tu es dans le cas précis de Bootstrap 3 et la nécessité de
passer d'onglets / Tabs à accordéon (enfin "collapse"), il y a ce script
https://github.com/flatlogic/bootstrap-tabcollapse
J'en profite pour te remercier pour ton excellent article et j'invite à
le lire ceux et celles qui ne l'auraient pas encore découvert =>
https://www.lelutinduweb.fr/je-suis-integrateur-web/
Bonne journée,
Ph. Vayssière
Le 10/01/2017 à 11:18, Julie Moynat a écrit :
Bonjour,
Je rencontre un problème avec un accordéon qui n'est pas standard et
sur lequel j'ai un peu de mal à voir le balisage ARIA à mettre en
place sur quels balises.
Il s'agit d'un bloc permettant de filtrer des résultats pour une
recherche.
En fait, j'ai un accordéon sur 2 lignes (visuellement et dans le code) :
* Ligne 1, dans l'ordre : une barre de recherche (hors accordéon),
une liste <ul> avec mes en-têtes accordéons 1, 2, 3, 4, un
lien-bouton qui valide les choix faits dans les accordéons et dans
la barre de recherche (hors accordéon)
* Ligne 2 : un bloc qui contient le contenu des accordéons
J'ai donc des contenus d'accordéons détachés de leur en-tête mais si
le balisage des aria-controls et aria-labelledby est bon, ça ne
devrait pas poser de problème.
En revanche, mon problème est que j'ai des éléments qui ne
correspondent pas à l'accordéon dans mon conteneur global (sur lequel
je suis censée mettre un role="tablist" et un
aria-multiselectable="false"). Est-ce que ça pose vraiment problème ?
Si oui, que puis-je faire sans tout casser ?
cf la notice AcceDe Web pour le balisage requis :
http://www.accede-web.com/notices/interface-riche/accordeons/
En vous remerciant,
Julie Moynat
_______________________________________________
liste_gta mailing list
[email protected]
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
