Overschrijf tekstafstand niet met !important

Hoe los je dit op?

Verwijder !important uit CSS-regels die text spacing properties instellen:

p {
  line-height: 1.2 !important;
  letter-spacing: 0.05em !important;
  word-spacing: 0.1em !important;
}

p {
  line-height: 1.5;
  letter-spacing: 0.05em;
  word-spacing: 0.1em;
}

Dezelfde regel geldt voor inline stijlen:

<p style="line-height: 1 !important;">Tekst hier</p>

<p style="line-height: 1.5;">Tekst hier</p>

Als het ontwerp specifieke afstanden vereist, stel ze dan in zonder !important en test of gebruikers CSS ze kunnen overschrijven. WCAG 1.4.12 vereist dat de pagina leesbaar blijft met deze minimale spacing values:

• Line height ten minste 1,5 keer de lettergrootte
• Letter spacing ten minste 0,12 keer de lettergrootte
• Word spacing ten minste 0,16 keer de lettergrootte

Waarom is dit belangrijk?

Sommige gebruikers hebben bredere letterafstand, grotere regelafstand of grotere woordafstand nodig om tekst comfortabel te lezen. Dit geldt voor mensen met dyslexie, slechtziendheid of cognitieve beperkingen. Het gebruik van !important op afstandsregels blokkeert gebruikersstijlbladen en browserextensies om deze aanpassingen toe te passen.