24jw : Nommer les régions scrollable

[Gyomb]

Contexte (déjà implémenté)

Les portions de codes insérées dans les articles sont codées de manières à permettre le défilement latéral uniquement dans la zone en question (et pas sur toute la page).
Un attribut tabindex=0 a été ajouté sur la balise <pre> pour permettre aux utilisateurs et utilisatrices clavier (ou autre méthodes alternatives de navigation) de défiler dans la zone (il/elles commencent par donner le focus à la zone, puis défilent latéralement avec les flèches du clavier).

<pre class="language-markup" tabindex="0">
  <code class="language-markup">
    …
  </code>
</pre>

Optimisation accessibilité (motif du ticket)

Cet attribut est suffisant pour les utilisateurs et utilisatrices avec un handicap moteur mais, dans l'article qui suit, Steve Faulkner recommande d'aussi ajouter des attributs ARIA pour les utilisateurs et utilisatrices de lecteurs d'écrans : https://www.tpgi.com/short-note-on-improving-usability-of-scrollable-regions/

Il recommande d'appliquer : role="region et aria-label="Description sommaire du contenu de la zone"

Note : Cette recommandation vaut pour la balise <pre> mais aussi pour tout autre zone défilable ajoutée dans les articles (par exemple pour les tableaux générés avec du markdown ?)

Difficulté identifiée

Trouver une méthode permettant aux auteurices de renseigner la description en markdown

Opportunité

En profiter pour proposer une forme de titre affichée au dessus de la portion de code ?