[Javascript & accessibilité] Événement click, quelle solution utiliser ?

[QuentinC]

Javascript -> ne marche pas

Ca dépend du programmeur et de ce que fait le script.

CSS -> ne marche pas

CSS ne change effectivement pas grand chose à la façon dont les éléments sont lus par une revue d'écran.

(display:none ... aucun effet)

Là par contre tu te trombes. display:none fonctionne, c'est une des rares propriétés CSS à avoir un impact sur la lecture. L'effet est le même que pour une personne voyante, à savoir que le contenu est comme « absent » du document.
Lire à ce sujet par exempple Remplacement d'images, halte aux display:none pour se convaincre qu'il y a bien un effet.

AJAX -> ne marche pas

Là je suis mitigé : sur certains sites ça fonctionne, sur d'autres moins bien, sur d'autres pas du tout. Ce que les lecteurs d'écran n'aiment pas trop dans AJAX, c'est la mise à jour dynamique du document. Plusieurs lecteurs ont en commun que dès le chargement de la page est terminé, ils l'analysent en interne pour créer une représentation textuelle dans laquelle l'utilisateur pourra naviguer. On appelle ceci le « curseur virtuel » ou le « tampon virtuel » ou encore « visualisation virtuelle ». Le gag c'est qu'il faut remettre à jour cette représentation textuelle lorsque le contenu réel du document change, ce qui n'est pas toujours très simple ni très rapide. Maintenant pourquoi parfois ça marche bien et parfois pas, je ne peux pas encore faire de vraies conclusions là-dessus. Ce qui est sûr c'est que le plus souvent ce n'est pas terrible sauf si on sait bien manipuler l'outil de lecture.