rgaa AT framalistes.org
Objet : Accessibilité numérique, normes internationales, composants réutilisables, critères RGAA et tests, outils et ressources...
Archives de la liste
- From: Remi Verhalle <adresse@cachée>
- To: adresse@cachée
- Subject: Re: [rgaa] Espacement liste à puces <ul><li>
- Date: Fri, 1 Apr 2022 15:07:22 +0200
Bonjour,
Le WCAG indique dans la technique Understanding Success Criterion 1.4.8: Visual Presentation (w3.org)
Line spacing (leading) is at least space-and-a-half within paragraphs, and paragraph spacing is at least 1.5 times larger than the line spacing.
[...]
By space and a half within paragraphs we mean that top of one line is 150% further from the top of the line below it than would be true when the text is 'single spaced' (the default spacing for the font). By Paragraph spacing that is 1.5 times larger than the line spacing we mean that the spacing from the top of the last line of 1 paragraph is 250% farther from the Top of the first line of the next paragraph (i.e., that there is a blank line between the two paragraphs that is 150% of the single space blank line).
Cela pourrait se traduire en CSS par une propriété line-height: 1.5em au sein des paragraphes (ou balises <li>) et une propriété margin-bottom: 1em pour l'élément <ul>.
Dans la pratique le WCAG utilise également une marge de 0.25em entre chaque <li>. La puce permet de s'affranchir d'un espace important car elle fait office de repère visuel. En l'absence de puce, on veillera à respecter un espace plus important.
Remi Verhalle
Bonjour,
Dans un contenu, vous mettriez combien de padding/margin entre chaque
puce <li> et/ou après le <ul> ?
Mettre un espacement de 2 fois la taille de la police comme sur les <p>
me semble beaucoup pour des listes conséquence...
Il y a une règle à ce niveau ?
Cordialement,
--
Simon Vandaele
06.76.50.62.68
www.translucide.net
Éco-conception web
--
Vous recevez cet email car vous etes abonne.e a la liste "rgaa".
Pour vous desabonner, merci de cliquer sur ce lien : https://framalistes.org/sympa/sigrequest/rgaa
ou d'envoyer un mail a adresse@cachée avec comme sujet "unsubscribe rgaa"
You receive this email since you subscribed to the list "rgaa".
To unsubscribe, click on following link: https://framalistes.org/sympa/sigrequest/rgaa
or send an email to adresse@cachée with the subject: unsubscribe rgaa
-
[rgaa] Espacement liste à puces <ul><li>,
adresse@cachée, 01/04/2022
- Re: [rgaa] Espacement liste à puces <ul><li>, Remi Verhalle, 01/04/2022
Archives gérées par MHonArc 2.6.19+.