La taille du texte est l'espace que les caractères occupent dans un contenu d'une page WEB. La taille d'un texte se défini dans les styles CSS grâce à la propriété "font-size". Par défaut, en l'absence d'instructions, les navigateurs utilisent généralement une taille de 16px.
body {
font-size: 14px;
}
La valeur que peut prendre l'attribut "font-size" est exprimée en pixels (px), elle peut également être exprimée grâce à d'autres unités (%, em, rem) qui sont traduites en pixels par le navigateur.
Si la taille du texte n'est pas assez grande, surtout sur mobile, les utilisateurs auront des difficultés à lire le contenu de votre page et devront zoomer pour le rendre accessible. Le fait de devoir manipuler le navigateur afin de rendre accessible le contenu dégrade l'expérience utilisateur, il est donc essentiel de fournir la meilleure accessibilité aux utilisateurs dès le premier affichage de la page WEB.
Pour fournir une expérience optimale, il est nécessaire qu'au moins 60% du texte soit de taille supérieur à 12px. Si ce n'est pas le cas il est nécessaire de :
p {
font-size: 8px;
font-size: 14px;
}
<head>
...
<meta name="viewport" content="width=device-width, initial-scale=1">
...
</head>