Annevd
commented
1 week ago Screenreader test
Ik heb een screenreader test uitgevoerd op de contact pagina. Hieronder een visualisatie van hoe een screenreader het ongeveer oppakt:
Navigatie menu:
Page load: "Bieb in Bloei" Next: "Link - home button" Next: "Entered navigation - Main Navigation" Next: "Link - Stekjes" Next: "Link - Zaden" Next: "Link - Geveltuin" Next: "Link - Agenda" Next: "Link - Partners" Next: "Link - Contact"
Accessibility menu:
Next: "Collapsed Unchecked, Checkbox - Accessibility Options"
Main:
Next: "Heading 1 - Contact" Next: "Image - stekjes" Next: "Entered main - Heading 2 - Meld je aan" Next: "Paragraph - Ben jij een echte plantenliefhebber en wil je graag meer leren over stekjes, zaden, geveltuinen of het bouwen van plantkasten? Meld je dan nu aan voor onze gratis workshops in de bibliotheek!"
Form:
Next: "Checked, Radio button - Reden voor contact: Ik heb een vraag" Next: "Unchecked, Radio button - Reden voor contact: Ik wil mij aanmelden voor een workshop" Next: "Required, Text box - Voornaam: Voer je voornaam in:" Next: "Required, Text box - Achternaam: Voer je achternaam in" Next: "Required, Email text box - E-mail: Voer je e-mailadres in" Next: "Required, Text box - Stel je vraag of vertel voor welke workshop je je wilt aanmelden! Typ hier je bericht" Next: "Verzenden - Button"
Footer:
Next: "Link - OBA Linnaeusstraat" Next: "Link - Linnaeusstraat 44" Next: "Link - buurtcampusoost@hva.nl" Next: "Link - 06 43450198" Next: "Item 1 - List item - Samenwerken" Next: "Item 2 - List item - Wil jij met andere organisaties, buurtbewoners en studenten samenwerken aan de stedelijke uitdagingen van Amsterdam Oost? Stuur een e-mail naar buurtcampusoost@hva.nl."
Opmerkingen
De screenreader leest alles duidelijk op en slaat geen belangrijke dingen over!
De testresultaten heb ik verwerkt in issues en ons projectplan
Voer een screenreader test uit op de contact pagina en check of alle labels, alts en aria-labels duidelijk zijn/of ze missen.