Bloc appel à action

[goetsu]

https://example.osuny.org/fr/blocks/blocs-de-mise-en-page/#les-appels-a-action-s exemple

<div class="actions" role="group"><a href="https://support.osuny.org/" title="En savoir plus">En savoir plus</a>
<a href="https://www.osuny.org/" title="Découvrir">Découvrir</a></div>

• supprimer le role group (amélioration)
• remplacer le div par un <ul> et mettre chaque lien dans un <li> (amélioration)

[arnaudlevy]

Problème

URL

https://example.osuny.org/fr/blocks/blocs-de-mise-en-page/#les-appels-a-action-s

Description

Qu'est-ce qui ne va pas ?

TODO

Impact

Dans quelle situation ceci est-il gênant ? En vocal ? Au clavier ? Quel handicap ?

TODO

Nature

Proposition d'amélioration

Code problématique

Code, éventuellement simplifié, à l'origine du problème.

<div class="actions" role="group">
  <a href="https://support.osuny.org/" title="En savoir plus">En savoir plus</a>
  <a href="https://www.osuny.org/" title="Découvrir">Découvrir</a>
</div>

Solution

Description

• [ ] 1. supprimer le role group
• [ ] 2. remplacer le div par un ul et mettre chaque lien dans un li

Code cible

À quoi doit ressembler le code après réparation ?

<ul class="actions">
  <li><a href="https://support.osuny.org/" title="En savoir plus">En savoir plus</a></li>
  <li><a href="https://www.osuny.org/" title="Découvrir">Découvrir</a></li>
</ul>

Effet attendu

En quoi est-ce une amélioration pour les personnes impactées ? Par exemple, quelle est la vocalisation attendue ?

TODO

Source

D'où vient cette recommandation ?

TODO

Exemple d'implémentation

Où peut-on observer cette solution en production ?

TODO

[alexisben]

Avec une balisage <ul> le lecteur d'écran va restituer la présence d'une liste, cela surcharge l'information, alors que l'on peut accéder au(x) lien(s).

[goetsu]

c'est. tout l'intérêt d'une liste ça permet de savoir à l'avance combien il y a d'item d'y accéder plus rapidement, de sauter la liste etc

[alexisben]

Ok je comprends ! Je me note que cette mise à jour du html impacte une quarantaine de site (https://github.com/search?q=org%3Aosunyorg+call_to_action+NOT+language%3AJavaScript+NOT+language%3AHTML+NOT+language%3AHTML%2BERB+NOT+language%3ARuby+NOT+language%3AYAML+NOT+language%3AMarkdown+NOT+repo%3Aosunyorg%2Fhuge-site+NOT+repo%3Aosunyorg%2Ftheme&type=code)