Link naar pagina: https://technischecrematie.nl
#1 - Logo zonder tekstalternatief
Op alle pagina's heeft het logo bovenaan de website geen tekstalternatief. Het logo bevat de tekst "TECHNISCHE CREMATIE" en functioneert als link. Informatieve afbeeldingen zoals een logo moeten altijd een tekstalternatief hebben. In dat tekstalternatief moet de volledige tekst staan die in het logo te zien is.
Doordat het tekstalternatief ontbreekt:
- Weten bezoekers die de afbeelding niet kunnen zien niet wat er staat (1.1.1).
- Is het voor bezoekers die hulpsoftware gebruiken onduidelijk naar welke pagina de link leidt (2.4.4).
- Werkt de link niet goed met stemgestuurde systemen, omdat de zichtbare tekst niet in de toegankelijke naam voorkomt (2.5.3).
- Is voor gebruikers van een schermlezer onduidelijk wat de bestemming of de functie van de link is (4.1.2).
Hetzelfde geldt voor het logo in de footer.
Oplossing:
Voeg een alt-tekst toe aan het logo die de volledige tekst van het logo bevat. Hiermee worden alle vier de genoemde problemen opgelost.
#2 - Onvoldoende contrast van grijze tekst
Op alle pagina's staat grijze tekst (#797A7D) op een witte achtergrond. Voorbeelden zijn links in het hoofdmenu en de footer zoals "Over ons", tekst in de footer zoals "Telefoon: (033) 469 5840" en tekst op de homepage zoals "In deze tijd zijn de wensen van onze klanten steeds meer divers."
De contrastverhouding is 4,3:1. Omdat deze tekst kleiner is dan 24px en niet vetgedrukt, moet het contrast minimaal 4,5:1 zijn.
Oplossing:
Pas de tekstkleur aan zodat het contrast minimaal 4,5:1 is ten opzichte van de achtergrond.
#3 - Onvoldoende contrast van blauwe links
Op alle pagina's staan blauwe links op een witte achtergrond (of andersom), bijvoorbeeld "Inloggen" in het hoofdmenu. De contrastverhouding is 4:1.
Hetzelfde geldt voor links in de footer. Omdat deze tekst kleiner is dan 19px, moet het contrast minimaal 4,5:1 zijn.
Oplossing:
Pas de kleur van de links aan zodat het contrast minimaal 4,5:1 is ten opzichte van de achtergrond.