Codeblokken betekenisvol opmaken op een website

Over teksten

Tekst is de meest toegankelijke vorm van digitale informatie. Het kan toegankelijk worden gemaakt door de structuur en relaties van de onderdelen op de juiste manier vast te leggen.

Tekst kan op verschillende manieren door hulptechnologieën worden gepresenteerd. Voorleessoftware kan tekst omzetten in spraak (auditief), en een brailleleesregel kan het vertalen naar braille (tactiel).

Maak codeblokken op met een codeblok-element

Een codeblok geeft een programmeercode weer. Het wordt vaak gebruikt om een stukje code te isoleren van de reguliere tekst. Codeblokken worden vaak afwijkend opgemaakt.

Vormgeving moet niet de enige manier zijn waarop structuur van een tekst wordt overgebracht. De betekenis moet ook in de code worden toegevoegd zodat het ook door software te begrijpen is. Dit is handig voor mensen die gebruik maken van hulptechnologieën. Zorg daarom dat alle tekst die er uit ziet als een codeblok en ook de functie heeft van een codeblok wordt opgemaakt met een codeblok-element.

Codeblokken toevoegen op een website

In een CMS kunnen codeblokken meestal makkelijk worden toegevoegd in de editor op de pagina. De editor zorgt dat de juiste HTML-elementen worden toegevoegd aan de tekst.

Codeblokken toevoegen met een HTML codeblok-element

Codeblokken worden in de code opgemaakt met het <​pre>-element.

In de code ziet dat er zo uit: