Deelonderzoek content sed-organisatie.nl

Hele sample

Uitkomst: Onvoldoende

Verhaal van Wendy

Uitkomst: Onvoldoende

PDF organogram

Uitkomst: Onvoldoende

Verhaal van Wendy

Onder het artikel staat een foto van de medewerker. Deze foto heeft een lege alt-tekst. Portretfoto’s zijn echter niet decoratief (ze hebben een functie) en moeten daarom altijd een beschrijving hebben van de persoon op de foto.

PDF organogram

In de PDF staat een afbeelding van een organogram, maar deze heeft geen alternatieve tekst. Het document is in de codelaag vrijwel leeg: er staat alleen een lege paragraaf in.

Hele sample

Uitkomst: Niet van toepassing

Hele sample

Uitkomst: Voldoende

Hele sample

Uitkomst: Onvoldoende

Homepage

Uitkomst: Onvoldoende

Homepage

Er komt informatie in beeld die niet wordt uitgesproken, zoals namen en functies en tekst aan het eind van de video. Mensen die deze teksten niet kunnen zien, krijgen deze informatie niet mee. Behalve audiodescriptie kan deze informatie (onder dit niveau A criterium) ook via een alternatief worden aangeboden, zoals een uitgeschreven tekst onder de video.

Hele sample

Uitkomst: Niet van toepassing

Hele sample

Uitkomst: Onvoldoende

Homepage

Uitkomst: Onvoldoende

Homepage

Er komt informatie in beeld die niet wordt uitgesproken, zoals namen en functies en tekst aan het eind van de video. Mensen die deze teksten niet kunnen zien, krijgen deze informatie niet mee. Voor de namen en functies is er in de video nu geen ruimte voor extra audio, waardoor dit hier niet vereist wordt. (Het wordt wel aangeraden dit anders te monteren zodat het kan worden toegevoegd.) De tekst aan het eind van de video moet wel in een audiodescriptie worden aangeboden.

Hele sample

Uitkomst: Onvoldoende

Over SED

Uitkomst: Onvoldoende

Vacatures

Uitkomst: Onvoldoende

Vacature Functionaris gegevensbescherming (proces)

Uitkomst: Onvoldoende

Over SED

Binnen de blockquote staat de gehele tekst in een em-element. Dat is hier niet voor bedoeld, maar voor het uitlichten van enkele woorden die extra aandacht behoeven. Screenreaders kunnen deze teksten op een andere manier voorlezen. Beter is het om deze styling via CSS te regelen.

De koppenstructuur is niet logisch opgebouwd. Binnen de uitklaponderdelen onder de h3-kop ‘Hoe is het bestuur van de SED organisatie geregeld?’ staan koppen op h2-niveau. Deze horen op een lager niveau te staan dan de vraag waar ze bij horen, dus in dit geval h4-niveau.

Vacatures

Het tekst-invoerveld om te zoeken heeft geen label. Er staat een placeholdertekst, maar een placeholder is niet altijd beschikbaar en wordt niet altijd voorgelezen door screenreaders. Voeg een label-element of aria-label toe met bijvoorbeeld ‘zoekwoord’. Voor hulpsoftware is een label altijd vereist.

Vacature Functionaris gegevensbescherming (proces)

De tussenkopjes zoals ‘Wat ga je doen?’ worden in de code opgemaakt met het strong-element in plaats van met kopelementen. Screenreader gebruikers die navigeren via koppen missen deze nu. Maak hier kopelementen van zoals h2.

Hele sample

Uitkomst: Niet getoetst

Hele sample

Uitkomst: Voldoende

Hele sample

Uitkomst: Niet getoetst

Hele sample

Uitkomst: Niet getoetst

Hele sample

Uitkomst: Onvoldoende

Vacature Functionaris gegevensbescherming (proces)

Uitkomst: Onvoldoende

Vacature Functionaris gegevensbescherming (proces)

De links in de teksten onder het formulier worden alleen met een verschil in kleur aangegeven. Slechtzienden en kleurenblinden kunnen missen dat hier een link staat. Voeg bijvoorbeeld onderstreping toe om dit duidelijker te maken.

Hele sample

Uitkomst: Niet getoetst

Hele sample

Uitkomst: Onvoldoende

Homepage

Uitkomst: Onvoldoende

Vacature Functionaris gegevensbescherming (proces)

Uitkomst: Onvoldoende

PDF organogram

Uitkomst: Onvoldoende

Hele sample

Bevindingen:

Tekst moet een contrast hebben van minimaal 4,5:1 voor slechtzienden en kleurenblinden. Dat geldt ook voor actieve elementen zoals op hover en focus. Onderstaande elementen op de website zitten qua contrast onder deze waarden.

Homepage

De ‘Inschrijven’ knop onderaan de pagina (wit/oranje, 3:1). Deze wordt niet omgezet wanneer hoog contrast is ingeschakeld. De ‘Voorkeuren opslaan’ knop in hoog contrast modus (blauw/blauw, 2.2:1). Het is hier ook lastig om te zien wanneer een schakelknop aan staat, omdat het bolletje niet meer zichtbaar is. Zie screenshot 3.

Opmerking: bij het inschakelen van het hoog contrast valt er een donker vlak over de vacatures heen. Zie screenshot 2.

Vacature Functionaris gegevensbescherming (proces)

• De tekst ‘Solliciteren’ bovenaan de pagina (3.7:1).
• De links in de footer zoals ‘Beschrijving toegankelijkheid’ (blauw op grijs).
• De foutmeldingen (rood op roze achtergrond, 2.49:1).
• De asterisken (rode sterretjes) bij de verplichte velden (3.99:1).

PDF organogram

De witte teksten op oranje blokken (3:1) .

Hele sample

Uitkomst: Niet getoetst

Hele sample

Uitkomst: Voldoende

Hele sample

Uitkomst: Niet getoetst

Hele sample

Uitkomst: Onvoldoende

Contact

Uitkomst: Voldoende

Vacatures

Uitkomst: Onvoldoende

Vacature Functionaris gegevensbescherming (proces)

Uitkomst: Onvoldoende

Hele sample

Bevindingen:

Grafische elementen moeten een contrast hebben van minimaal 3:1. Dit geldt ook voor de randen of achtergrondkleur van invoervelden. Onderstaande elementen op de website zitten qua contrast onder deze waarden.

Contact

Opmerking: De onderstreping die aangeeft wat links zijn in lopende tekst binnen de veelgestelde vragen heeft te laag contrast (lichtblauw, 2.2:1). Zie screenshot 1. De tekst van de links heeft hier geen andere kleur. In hoog contrast modus voldoet dit wel, en daarom wordt dit hier wel goedgekeurd.

Vacatures

Opmerking: De zoeken knop bij de filters valt weg in hoog contrast modus (zwart op donkerblauw). In standaardmodus voldoet dit wel.

Vacature Functionaris gegevensbescherming (proces)

De randen van de invoervelden van het formulier (1.5:1). Slechtzienden kunnen hierdoor moeite hebben om te bepalen waar ze input kunnen geven.

Hele sample

Uitkomst: Niet getoetst

Hele sample

Uitkomst: Niet getoetst

Hele sample

Uitkomst: Niet getoetst

Hele sample

Uitkomst: Niet getoetst

Hele sample

Uitkomst: Onvoldoende

Homepage

Uitkomst: Onvoldoende

Homepage

​​Op deze pagina wordt gebruik gemaakt van een videospeler. Binnen deze videospeler is het mogelijk om sneltoetsen van één karakter te gebruiken voor de bediening. Het probleem is hier dat deze sneltoetsen ook actief zijn als de toetsenbordfocus op een ander element binnen de video staat. Dit kan problemen opleveren voor mensen die met spraakbediening werken en waarbij deze letters kunnen voorkomen in de woorden die uitgesproken worden. Ook kan dit problemen opleveren voor mensen die per ongeluk een toets op het toetsenbord indrukken.

Een oplossing is om de embedcode van de YouTube video aanpassen zodat de bediening met tekentoetsen uit staat. De eigenschap die toegevoegd moet worden aan de embedcode is 'disablekb=1'. Dus op deze manier: src="https://www.youtube.com/embed/_XXXXXXXXXX?disablekb=1" Zie ook https://developers.google.com/youtube/player_parameters#disablekb

Dit komt ook voor op de pagina Stages.

Hele sample

Uitkomst: Niet getoetst

Hele sample

Uitkomst: Niet getoetst

Hele sample

Uitkomst: Voldoende

Hele sample

Uitkomst: Niet getoetst

Hele sample

Uitkomst: Voldoende

Hele sample

Uitkomst: Niet getoetst

Hele sample

Uitkomst: Voldoende

Hele sample

Uitkomst: Niet getoetst

Hele sample

Uitkomst: Voldoende

Hele sample

Uitkomst: Niet getoetst

Hele sample

Uitkomst: Niet getoetst

Hele sample

Uitkomst: Niet getoetst

Hele sample

Uitkomst: Voldoende

Hele sample

Uitkomst: Niet getoetst

Hele sample

Uitkomst: Voldoende

Hele sample

Uitkomst: Niet van toepassing

Hele sample

Uitkomst: Niet getoetst

Hele sample

Uitkomst: Niet getoetst

Hele sample

Uitkomst: Niet getoetst

Hele sample

Uitkomst: Voldoende

Hele sample

Uitkomst: Onvoldoende

Homepage

Uitkomst: Onvoldoende

Homepage

Wanneer het formulier voor de nieuwsbrief wordt verzonden zonder e-mailadres, komt er geen foutmelding over wat er mis is gegaan. Er wordt enkel een veld rood gekleurd, maar dat is niet voor iedereen duidelijk. Bij het verkeerd invullen van het e-mailadres wordt alleen de standaard browser validatie gebruikt: hoe deze getoond wordt is afhankelijk van de browser. Hierdoor is niet goed te testen of deze wel altijd toegankelijk getoond wordt. Soms blijft een melding bijvoorbeeld maar heel kort in beeld of wordt deze in het Engels getoond. Zorg zelf voor een goede en toegankelijke cliënt validatie met duidelijke teksten over wat er fout gaat. Dus niet alleen ‘Vul dit veld in’ of ‘Dit veld is verplicht’, maar bijvoorbeeld ‘Het veld e-mailadres is nog niet ingevuld, en dit is verplicht’.

Hele sample

Uitkomst: Onvoldoende

Vacature Functionaris gegevensbescherming (proces)

Uitkomst: Onvoldoende

Vacature Functionaris gegevensbescherming (proces)

De betekenis van de asterisk (*) voor verplichte velden wordt niet uitgelegd. Dit is mogelijk niet voor iedereen duidelijk, wat onnodige foutmeldingen oplevert. Zet een uitleg hiervan in het begin van het formulier, of geef het aan in tekst. Ook kan een ‘required’ of ‘aria-required’ attribuut behulpzaam zijn voor gebruikers van hulpsoftware, aangezien de asterisk niet door alle screenreaders goed wordt voorgelezen.

Hele sample

Uitkomst: Onvoldoende

Homepage

Uitkomst: Onvoldoende

Vacature Functionaris gegevensbescherming (proces)

Uitkomst: Onvoldoende

Homepage

Als een invoerfout automatisch ontdekt wordt en suggesties voor verbetering bekend zijn, dan moeten deze suggesties aan de gebruiker worden geleverd. Bij het e-mailadres voor de nieuwsbrief wordt een bepaald format geëist, maar deze wordt niet als suggestie gegeven. Voeg een suggestie toe, bijvoorbeeld: ‘het e-mailadres moet in deze vorm worden ingevoerd: naam@domein.nl’.

Vacature Functionaris gegevensbescherming (proces)

Als een invoerfout automatisch ontdekt wordt en suggesties voor verbetering bekend zijn, dan moeten deze suggesties aan de gebruiker worden geleverd. Bij het e-mailadres en het telefoonnummer wordt een bepaald format geëist, maar deze wordt niet als suggestie gegeven. Voeg een suggestie toe, bijvoorbeeld: ‘het mobiele nummer moet in deze vorm worden ingevoerd: ‘(land) 06-12345678’.

Hele sample

Uitkomst: Niet getoetst

Hele sample

Uitkomst: Niet getoetst

Hele sample

Uitkomst: Niet getoetst

Homepage

Uitkomst: Niet getoetst

Vacatures

Uitkomst: Niet getoetst

Vacature Functionaris gegevensbescherming (proces)

Uitkomst: Niet getoetst

Hele sample

Bevindingen:

Opmerking: onderstaande zijn technische bevindingen, maar deze implementatie is afwijkend van de implementatie in het technische onderzoek.

Homepage

Bij het formulier voor de nieuwsbrief staat een invoerveld zonder label (met id ‘eprov-0klkpmmvwr-name’). Deze is in de styling onzichtbaar gemaakt, maar is wel beschikbaar voor gebruikers van hulpsoftware.

Vacatures

De invoervelden met de opties zoals voor ‘Aantal uren’ zijn niet goed opgemaakt. Het zijn div-elementen zonder goede rol en naam. Maak hier bijvoorbeeld een select element van met een goed beschrijvend label.

Vacature Functionaris gegevensbescherming (proces)

In dit proces (vacature en formulier om te solliciteren) zitten meerdere technische bevindingen. Zo zijn er invoervelden zonder label, zoals de radio buttons bovenaan, de velden om een bestand toe te voegen en de optie om een land te kiezen bij het telefoonnummer. Ook zijn er technische bevindingen onder andere criteria dan 4.1.2. Zo is het niet mogelijk met het toetsenbord een bestand toe te voegen, terwijl deze velden wel verplicht zijn. Ook zijn er statusberichten (zoals ‘Ongeldig telefoonnummer’) die niet worden doorgegeven aan hulpsoftware. Mogelijk zijn er nog meer technische issues die nu niet zijn onderzocht. Deze bevindingen zijn niet opgenomen in het technische onderzoek, omdat dit proces alleen voorkomt op de website van sed-organisatie.nl en niet valt onder het onderzoek van enkhuizen.nl. Aangeraden wordt om dit verder te laten onderzoeken en een toegankelijk alternatief aan te bieden.

Hele sample

Uitkomst: Niet getoetst