Projet

Général

Profil

Development #84701

accessibilité, placer le texte qui suit directement une balise <div> dans des <p>

Ajouté par Nicolas Roche il y a 5 mois. Mis à jour il y a 5 mois.

Statut:
Fermé
Priorité:
Normal
Assigné à:
-
Catégorie:
-
Version cible:
-
Début:
13 décembre 2023
Echéance:
% réalisé:

0%

Temps estimé:
Patch proposed:
Non
Planning:
Non
Club:
Non

Description

Vu dans #84393 :

L'élément <div> doit uniquement être utilisé lorsqu'il n'existe aucun autre élément dont la sémantique permet de représenter le contenu (par exemple <article> ou <nav>).

Parce que, directement dans les <div> il y a des lectures d'écran qui ne captent apparemment pas que c'est du texte.
Avec cette regex,

'<div[^>]*>{'

on peut préciser une liste d'une petite centaine de cas :
      9 authentic
      2 chrono
     13 combo
      1 gadjo
      4 passerelle
     42 thèmes
     15 wcs

Historique

#1

Mis à jour par Nicolas Roche il y a 5 mois

Est-ce qu'il faut appliquer cette règle au pied de la lettre, ou bien y-a-t'il des nuances à appliquer ?
Je pense à cet exemple tiré du code de django :

django/contrib/admin/templates/admin/auth/user/change_password.html:  <div class="help">{{ form.password1.help_text|safe }}</div>

#2

Mis à jour par Frédéric Péters il y a 5 mois

Pour suivre des liens qui ont été pointés,

https://accessibilite.numerique.gouv.fr/methode/criteres-et-tests/#8.9.1
Note : Quelques exemples, non exhaustifs de détournement de balisage : un élément <div> utilisé comme paragraphe (...)

Il a été donné le cas précis des textes d'aide à propos des champs et j'ai pointé #63034 et je te suggérerais de ne pas t'aventurer au-delà, sans être en mesure de tester.

#3

Mis à jour par Nicolas Roche il y a 5 mois

  • Statut changé de Nouveau à Fermé

ne pas t'aventurer au-delà, sans être en mesure de tester.

Très bon conseil, merci.
(j'ai réduis la voilure avec #84751)

Formats disponibles : Atom PDF