GUIDE Unifies Inclusive Design Essentials

Le paragraphe

La balise <p>

<p>
    Haec igitur prima lex amicitiae sanciatur, ut ab amicis honesta petamus, amicorum
    causa honesta faciamus, ne exspectemus quidem, dum rogemur; studium semper adsit,
    cunctatio absit; consilium vero dare audeamus libere. Plurimum in amicitia
    amicorum bene suadentium valeat auctoritas, eaque et adhibeatur ad monendum non
    modo aperte sed etiam acriter, si res postulabit, et adhibitae pareatur.
</p>

<p>
    Eo adducta re per Isauriam, rege Persarum bellis finitimis inligato repellentequ 
    a conlimitiis suis ferocissimas gentes, quae mente quadam versabili hostiliter eum
    saepe incessunt et in nos arma moventem aliquotiens iuvant, Nohodares quidam 
    nomine e numero optimatum, incursare Mesopotamiam quotiens copia dederit 
    ordinatus, explorabat nostra sollicite, si repperisset usquam locum vi subita 
    perrupturus.
</p>

Haec igitur prima lex amicitiae sanciatur, ut ab amicis honesta petamus, amicorum causa honesta faciamus, ne exspectemus quidem, dum rogemur; studium semper adsit, cunctatio absit; consilium vero dare audeamus libere. Plurimum in amicitia amicorum bene suadentium valeat auctoritas, eaque et adhibeatur ad monendum non modo aperte sed etiam acriter, si res postulabit, et adhibitae pareatur.

Eo adducta re per Isauriam, rege Persarum bellis finitimis inligato repellenteque a conlimitiis suis ferocissimas gentes, quae mente quadam versabili hostiliter eum saepe incessunt et in nos arma moventem aliquotiens iuvant, Nohodares quidam nomine e numero optimatum, incursare Mesopotamiam quotiens copia dederit ordinatus, explorabat nostra sollicite, si repperisset usquam locum vi subita perrupturus.


Accessibilité

Répartir le contenu entre différents paragraphes permet d’améliorer l’accessibilité d’une page. Les lecteurs d’écran et autres outils d’assistance fournissent des raccourcis qui permettent aux utilisateurs d’accéder rapidement au paragraphe suivant ou précédent et ainsi de naviguer plus rapidement sur la page, comme le permettent les blancs pour la navigation visuelle des autres utilisateurs.

L’utilisation de paragraphes vides (des éléments HTML / sans contenu) est problématique pour les personnes qui naviguent sur une page à l’aide d’outils d’assistance. Les lecteurs d’écran, par exemple, pourraient annoncer l’élément mais pas le contenu associé ce qui peut être frustrant ou source de confusion.

La balise <br>

Elle crée un saut de ligne (un retour chariot) dans le texte.
Il faut l’écrire <br /> et non </br>.

<p>
    I got it from the toilet seat<br />
    I got it from the toilet seat
</p>
<p>
    It jumped right up and grabbed my meat<br />
    Got it from the toilet seat
</p>

I got it from the toilet seat
I got it from the toilet seat

It jumped right up and grabbed my meat
Got it from the toilet seat


Accessibilité

Utiliser une suite d’éléments <br> pour uniquement rajouter un espace entre des paragraphes sera source de confusion ou de frustration pour les personnes qui utilisent des outils d’assistance. Les lecteurs d’écran, par exemple, pourront annoncer la présence de l’élément alors qu’il n’y a aucun contenu associé.

Cette balise n’a aucun rôle ARIA implicite, et autorise les rôles :