Tips voor techniek

Voorafgaand aan een inspectie kun je, samen met de ICT-afdeling, je website doorlopen op een aantal technische aspecten. Alles wat je zelf kunt verbeteren aan de site, scheelt tijd en geld. Bovendien neem je medewerkers al in een vroeg stadium mee in de ontwikkeling van een toegankelijke website.

Techniek

Uit onze ervaring blijkt dat veel websites, vooral bij het eerste onderzoek, niet volledig voldoen aan de richtlijnen. Met deze checklist voor de webbouwer kun je frequente problemen eenvoudig vermijden. Dat kan mogelijk voorkomen dat extra hertoetsingen nodig zijn en scheelt daarmee kosten en tijd.

Je kunt snel een check doen door een aantal prominente pagina's en een aantal diepliggende pagina's te checken op de volgende onderdelen:

Tips voor Waarmerk drempelvrij.nl prioriteit 1

  • Zet javascript eens uit en kijk of onder andere de navigatie, zoekfunctie en formulieren nog werken
  • Afbeeldingen Zorg dat alle img elementen en image buttons een alt attribuut hebben
  • Datatabellen Zorg dat rij- en kolomkoppen als zodanig zijn opgemaakt
  • Video Controleer of onderschriften en auditieve beschrijving aangeboden worden waar dat nodig is. Hoe? Doe je ogen eens dicht of zet het geluid eens uit bij een video. Als je nu informatie mist, is er een (extra) beschrijving nodig

Tips voor Waarmerk drempelvrij.nl prioriteit 2

  • Valideert de code? Controleer de HTML en CSS
  • Toetsenbord Controleer in Firefox of overal met de tabtoets bij te komen is en of de volgorde logisch (van boven naar beneden) is
  • Headers Controleer of alle koppen op pagina’s correct zijn opgemaakt (met h1-h6)
  • Links Zijn de links ook buiten hun context nog logisch?
  • Image replacement bij tekst d.m.v. “display:none;” is geen goed alternatief, want dit wordt ook door veel screenreaders genegeerd

Overige webrichtlijnen

  • Afkortingen die onduidelijk zouden kunnen zijn, moeten met het abbr element met een title attribuut zijn opgemaakt
  • Strong en em elementen mogen niet gebruikt worden voor complete zinnen/paragrafen of als kopjes van tekst/lijsten/tabellen
  • Open geen nieuwe vensters (ook niet voor downloads of externe sites), tenzij het proces niet onderbroken mag worden en de te openen informatie echt nodig is (bijvoorbeeld het openen van een helptekst bij het invullen van een formulier)
  • Gebruik geen style elementen of attributen (<style>, style=), frames en iframes

Gerelateerd

  • Delen op Facebook
  • Delen op Twitter
  • Delen op LinkedIn