Toegankelijkheidsrichtlijnen

Voorbeelden van correcte en incorrecte inhoud in de rich-text editor, gebaseerd op WCAG-richtlijnen.

Hoi,

 

Groetjes,

Robbert

Niet doen: lege alinea

Je moet geen alinea's leeg houden om ruimte te maken.

Bold

Empty Bold:  

Bold with text: text

Link

Empty Link:  

Link with text: text

Underline

Empty Underline:  

Underline with text: text

Strong

Empty Strong:  

Strong with text: text

Mark

Empty Mark:  

Mark with text: text

Emphasis

Empty Emphasis:  

Emphasis with text: text

Strikethrough

Empty Strikethrough:  

Strikethrough with text: text

Italic

Empty Italic:  

Italic with text: text

Niet doen: lege inline elementen

Ruim lege elementen op.

Er is onvoldoende verschil tussen de onderstreping van een underline en link.

Niet doen: tekst onderstrepen

...

  • Optie 1
  • Optie 2
  • Optie 3

Niet doen: lege list items

...

  1. Optie 1
  2. Optie 2
  3. Optie 3

Niet doen: lege list items

...

1. Optie 1
2. Optie 2
3. Optie 3

Niet doen: geordende lijst zonder opmaak

...

- Optie 1
- Optie 2
- Optie 3

Niet doen: lijst zonder opmaak

...

text
text

Niet doen: Lege Definition List

...

text text text
     
text text text

Niet doen: Lege rij in een tabel

...

Niet doen: Afbeelding zonder alt-tekst

...

Als het eruit ziet als een header, dan is het een header

Foo

Niet doen: Koptekst zonder opmaak

...

Kopniveau 1

Kopniveau 3

Een niveau overslaan is niet de bedoeling!

Niet doen: Kopniveau overslaan

...

Tabelkop
Rij 1, cel 1 Rij 1, cel 2 Rij 1, cel 3 Rij 1, cel 4

Niet doen: Tabel zonder kopcellen

...

Kolom 1

...

Kolom 2

...

Niet doen: Tabel zonder kopcellen

...

Kopniveau 1

Kopniveau 2

Niet doen: Meer dan 1 hoofdkop

...

Tekst zonder hoofdkop

Niet doen: Geen hoofdkop

...

Losse definitie
Met een term erna

Niet doen: Definitie zonder term

...

Losse definitie

Niet doen: Definitie zonder term

...

Heading met bold

...

Niet doen: Heading met bold

...

Heading met italic

...

Niet doen: Heading met italic

...

Lees meer waarom een linktekst zo belangrijk is, in de blogpost "klik hier".

Niet doen: Onduidelijke linktekst

...