Toegankelijke versie: https://www.toegankelijkheidscertificaat.nl/canvas-uva/table/
Toegankelijkheidsonderzoek 
Toegankelijke versie: https://www.toegankelijkheidscertificaat.nl/canvas-uva/table/
Via deze pagina kan je de bevindingen of de steekproef van het onderzoek kopiëren naar het geheugen van je computer. Daarna kan je de informatie plakken in een spreadsheet zoals Excel. Screenshots uit het rapport worden niet automatisch meegekopieerd. Deze functie werkt alleen met JavaScript. Mocht de knop niet werken probeer dan altijd een keer de pagina te verversen. Vaak doet de kopieerknop het dan weer wel.
| Naam website | Canvas |
|---|---|
| Scope |
|
nr |
Bevinding |
WCAG SC |
Mogelijk verantwoordelijk |
Status |
1 | Op pagina https://uvadlo.test.instructure.com/ staat rechtsboven het logo van Universiteit van Amsterdam met de alternatieve tekst 'Canvas by Instructure'. Deze tekst beschrijft de afbeelding niet. Pas de alternatieve tekst aan zodat dit de afbeelding correct beschrijft, bijvoorbeeld 'Universiteit van Amsterdam, logo'. | 1.1.1 | techniek, content, visuele vormgeving | |
2 | Het logo van de UvA staat ook links in de rode rand op pagina https://uvadlo.test.instructure.com/. Dit logo is tevens de link naar de homepage van het dashboard. Maar het logo bevat ook de letters 'UvA'. De alternatieve tekst van een logo moet altijd tenminste de tekst op het logo bevatten met een beschrijvend linkdoel als de afbeelding ook als link dient. Wijzig de tekst bijvoorbeeld als volgt: 'UvA logo, naar dashboard'. | 1.1.1 | techniek, content, visuele vormgeving | |
3 | Op pagina https://uvadlo.test.instructure.com/courses/56252/announcements kun je aankondigingen bekijken. Er is een knop 'alles als gelezen markeren'. De afbeelding is er voor de visualisatie. Deze afbeelding is een svg-afbeelding en bevat een title: 'read'. Deze wordt door sommige schermleessoftware gelezen. Zorg dat svg-afbeeldingen verborgen blijven via: aria-hidden="true". | 1.1.1 | techniek, content, visuele vormgeving | |
4 | Op pagina https://uvadlo.test.instructure.com/calendar is een grote en een kleine kalender zichtbaar. Beide hebben een kop dat de huidig gekozen naam en jaar luidt. Vul de koppen aan met een beschrijving van de bijbehorende kalender om zo de grote en de kleine te onderscheiden.
 | 1.3.1 | techniek, interactieontwerp, content, visuele vormgeving | |
5 | Op pagina https://uvadlo.test.instructure.com/calendar is een grote kalender zichtbaar. Visueel zijn de (afgekorte) namen van de dagen zichtbaar; en daaronder staan de dagen van de huidige maand en eventueel de laatste dagen van de vorige maand en de eerste van de volgende maand. Op dit moment is de grote kalender vormgegeven als een grote tabel met daarin meerdere tabellen. Op deze manier zijn de cellen met de dagnamen niet als kop te gebruiken bij de dagen eronder. Maak van de kalender één tabel en maak van de dagnamen tabelkoppen. Voeg bij elke dag extra tekst toe zodat de maand en het jaar aan het vakje van de datum wordt toegevoegd. Let erop dat er ook dagen getoond worden van de vorige en volgende maand. | 1.3.1 | techniek, interactieontwerp, content, visuele vormgeving | |
6 | Op de pagina 'Cijfers' https://uvadlo.test.instructure.com/courses/56251/gradebook is een tabel met de namen van cursisten. Deze is niet opgemaakt als tabel waardoor onder ander de omvang en de samenhang van de informatie ontbreekt voor iemand die het scherm niet goed kan zien. ook lijkt het erop dat als je de regels met een schermlezer volgt, de naam niet op het juiste moment wordt voorgelezen. Zie SC 1.3.2 . | 1.3.1 | techniek, interactieontwerp, content, visuele vormgeving | |
7 | Op de pagina 'Cijfers' https://uvadlo.test.instructure.com/courses/56251/gradebook is een tabel met de namen van cursisten. Deze is niet opgemaakt als tabel waardoor onder ander de omvang en de samenhang van de informatie ontbreekt voor iemand die het scherm niet goed kan zien. De volgorde van de content, bijvoorbeeld de naam van de cursist is incorrect. Zie ook SC 1.3.1. | 1.3.2 | content, visuele vormgeving | |
8 | Op https://uvadlo.test.instructure.com/calendar is in de kalendermodus de huidige dag zichtbaar in lichtgrijs. Zorg ervoor dat ook op een andere manier, met voldoende contrast duidelijk is dat dit de huidige dag is. | 1.4.1 | interactieontwerp, visuele vormgeving | |
9 | In de balk onderin staat een melding di eindigt met de link 'wordt elke maand opnieuw ingesteld'. Deze link staat in een lopende tekst en wordt enkel door kleur onderscheiden. Doe dit ook op andere wijze zodat de link zich onderscheidt van de tekst, bijvoorbeeld door de link te onderstrepen. | 1.4.1 | interactieontwerp, visuele vormgeving | |
10 | Advies: Op pagina https://uvadlo.test.instructure.com/ is in de linkerbalk blauw rondje dat het aantal nieuwe items bij het betreffende onderwerp aangeeft. De zwarte tekst op de blauwe achtergrond heeft volgens de berekening zoals deze in WCAG is vastgesteld voldoende contrast. Sommige kleurcombinaties zijn echter alsnog niet goed leesbaar. Een betere leesbaarheid kan bijvoorbeeld bereikt worden door het blauw een tikkeltje donkerder te maken en voor de tekst in de blauwe cirkel wit te gebruiken. | 1.4.3 | interactieontwerp | |
11 | Op pagina https://uvadlo.test.instructure.com/ is onderop een lichtroze balk. In deze balk staat zwarte tekst en een link. De link is een blauwe tekst op een roze achtergrond. Deze tekst heeft een te laag contrast. De contrastverhouding is circa 3,3:1 waar dit 4,5:1 moet zijn. Zorg bij het aanpassen van de kleur voor voldoende onderscheid tussen de tekst en de link. Bijvoorbeeld door de link te onderstrepen. | 1.4.3 | interactieontwerp | |
12 | In 'Theme Joint degree' wordt gebruikgemaakt van een grijze lettertype (#888888) op een witte achtergrond. De contrastverhouding is te laag en is 3,5:1 waar dit 4,5:1 moet zijn. | 1.4.3 | interactieontwerp | |
13 | In 'Theme Joint degree' is in de linkerbalk, waarin de knop naar de inbox aanwezig is een contrastprobleem met het aantal items in de inbox. Het zwarte cijfer staat in een zwart rondje, waardoor deze visueel niet zichtbaar is. | 1.4.3 | interactieontwerp | |
14 | In 'Theme UAC' wordt een goudkleurige letter/achtergrond gebruikt. In combinatie met een witte achtergrond/lettertype is het contrast te laag. De contrastverhouding is circa 3:1 waar dit 4,5:1 moet zijn. Zorg voor voldoende contrast. | 1.4.3 | interactieontwerp | |
15 | Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan verschijnt op sommige pagina's een scrollbalk in de leesrichting (horizontaal). Zorg dat de tekst binnen het beeld blijft. Uitgezonderd zijn bijvoorbeeld tabellen, betekenisvolle afbeeldingen en kaarten. Die moeten leesbaar blijven.
Dit komt bijvoorbeeld voor op:
- https://uvadlo.test.instructure.com/profile/communication
- https://uvadlo.test.instructure.com/calendar als je kiest voor 'Meer opties'
- https://uvadlo.test.instructure.com/calendar als je kiest voor 'Kalenderfeed'
- https://uvadlo.test.instructure.com/courses tevens komt hier tekst over elkaar hen te staan | 1.4.10 | interactieontwerp, content | |
16 | Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan verschijnt op pagina 'Cijfers' https://uvadlo.test.instructure.com/courses/56252/grades in de Studentweergave een scrollbalk in de leesrichting (horizontaal). Zorg dat de tekst binnen het beeld blijft en zorg dat enkel de tabel een horizontale scrollbalk krijgt. | 1.4.10 | interactieontwerp, content | |
17 | Het contrast van de roze focusrand op pagina https://uvadlo.test.instructure.com/ is te laag als deze link de focus krijgt. Zorg dat de focusrand dit minimaal 3:1 is. Gebruik een andere kleur voor de focusrand op die plekken waar het contrast te laag is.
 | 1.4.11 | interactieontwerp | |
18 | In het scherm Opdrachten https://uvadlo.test.instructure.com/courses/56252/assignments# is een uitgeschakelde knop. Als je daar met de muis over gaat of met het toetsenbord passeert verschijnt er informatie. De lichte groene knop heeft een contrastverhouding van 1,9:1 waar dit 3,5:1 moet zijn. Normaal hoeven knoppen die uitgeschakeld zijn niet aan de minimale contrastverhouding te voldoen. Maar omdat de knop informatie oproept is een andere wijze nodig om de knop als uitgeschakeld te tonen. Zorg voor voldoende contrast bij de knop.
 | 1.4.11 | interactieontwerp | |
19 | Als je op https://uvadlo.test.instructure.com/calendar nog geen kalender hebt gekozen krijg als je met de muis op de grote kalender klikt deze informatie: 'Je moet minimaal één kalender selecteren om een gebeurtenis te maken.'. Met toetsenbord kan je die informatie niet oproepen. Zorg dat dit ook met toetsenbord mogelijk is, of presenteer de informatie op een andere manier. | 2.1.1 | techniek, content | |
20 | Bij het aanmaken van een gebeurtenis is een teksteditor aanwezig. Onder deze editor bevinden zich knoppen die niet allemaal goed bereikbaar zijn met het toetsenbord. Zo kom je bijvoorbeeld vanuit de editor met de tabtoets op de knop 'Sneltoetsen bekijken' (knop met afbeelding van toetsenbord). Als je nu pijl naar rechts doet raak je de focus kwijt. Met de tab-toets worden alle knoppen rechts van de knop 'Sneltoetsen bekijken' overgeslagen.
 | 2.1.1 | techniek, content | |
21 | Advies: in de testomgeving is er geen merkbare sessie-timeout. Mocht deze wel op de live-omgeving aanwezig | 2.2.1 | techniek, content | |
22 | Als je op https://uvadlo.test.instructure.com/ met de tabtoets door de pagina navigeert is de eerste link de zo genaamde skiplink. Deze luidt nu 'Terug naar de inhoud'. Omdat deze link vaak als eerste bereikt wordt met het toetsenbord is het woord 'Terug' verwarrend. 'Naar de inhoud' is voldoende voor deze link. | 2.4.4 | techniek, interactieontwerp, content, visuele vormgeving | |
23 | Bij de 'Inbox' in de rode balk op https://uvadlo.test.instructure.com/ is de tekst als volgt opgebouwd; '4 ongelezen berichten. Inbox'. Draai deze tekst om, zodat met spraak de inbox-knop makkelijker te bedienen is. Dus: 'Inbox, 4 ongelezen berichten'. | 2.4.4 | techniek, interactieontwerp, content, visuele vormgeving | |
24 | Bij de 'My Media' in de rode balk op https://uvadlo.test.instructure.com/ is de linktekst als volgt 'Kaltura Media My Media'. 'Kaltura Media' is niet zichtbaar. Laat daarom dit deel van de linktekst weg. | 2.4.4 | techniek, interactieontwerp, content, visuele vormgeving | |
25 | Bij het aanmaken van een gebeurtenis is een teksteditor aanwezig. Hier zit een uitleg bij van de belangrijkste knoppen. ALT+F9 en ALT+F10 hebben op dezelfde uitleg 'Ga naar de werkbalk van de editor'. De tekst van ALT+F9 klopt niet, want daarmee ga je naar het menu van de editor. | 2.4.4 | techniek, interactieontwerp, content, visuele vormgeving | |
26 | Als je via de rode balk op 'Cursussen' klikt verschijnt er een overzicht van cursussen. Als je hier met de tabtoets door de links navigeert is de focus niet zichtbaar op de cursussen onder 'Niet-gepubliceerd cursussen'. Je kunt nu niet zien op welk item de focus staat. Zorg dat de focus ook hier zichtbaar is. | 2.4.7 | interactieontwerp, content | |
27 | Op veel plekken worden Engels termen gebruikt. Deze worden met schermleessoftware vaak in het Nederlands voorgelezen en zijn dan lastig te verstaan. Zie bijvoorbeeld op:
https://uvadlo.test.instructure.com/courses/56251/quizzes
- Unnamed quiz
- Dating practice
- De thema's (Theme Joint degree) | 3.1.2 | visuele vormgeving | |
28 | Op https://uvadlo.test.instructure.com/calendar zijn boven de kalender meerdere mogelijkheden aanwezig om naar een andere maand te navigeren. De maand met jaar is klikbaar en je kunt een datum intypen. Zorg voor een duidelijke instructie in beeld hoe de datum ingevuld moet worden. | 3.3.2 | techniek | |
29 | Advies: in de kaarten op https://uvadlo.test.instructure.com/ komt een knop voor met 3 bolletjes onder elkaar. De naam van deze knop luidt 'Kies een bijnaam voor kleur of cursus of verplaats cursuskaart voor 'Theme Joint degree'. Houdt namen van knoppen kort en bondig en toch voldoende beschrijvend.
Dit geldt ook voor de knop me het kruisje onder 'Lijst met opdrachten'. | 4.1.2 | techniek, content, visuele vormgeving | |
30 | Op https://uvadlo.test.instructure.com/calendar is in de kalendermodus de huidige dag zichtbaar in lichtgrijs. Zorg ervoor dat hulpsoftware deze status kan bepalen, zodat mensen die dit niet kunnen zien weten dat de betreffende dag die van vandaag is. | 4.1.2 | techniek, content, visuele vormgeving | |
31 | Op https://uvadlo.test.instructure.com/calendar zijn boven de kalender meerdere mogelijkheden aanwezig om naar een andere maand te navigeren.
- de knoppen om heen en weer te bladeren hebben achtereenvolgens de naam 'vorige' en 'volgende'. Vul dit aan met ' maand' zodat duidelijk is dat je bladert naar vorige maand en volgende maand.
- boven de kleine kalender zitten die bladerknoppen ook. Daar heten ze echte 'prev' en 'next'. Geef deze knoppen ook zinvolle namen.
- De maand met jaar is klikbaar en de knop luidt: 'oktober 2025 click to change'. Vertaal dit naar Nederlands. | 4.1.2 | techniek, content, visuele vormgeving | |
32 | Op https://uvadlo.test.instructure.com/calendar zijn boven de kalender meerdere mogelijkheden aanwezig om naar een andere maand te navigeren. De maand met jaar is klikbaar en je kunt een datum intypen. Als je schermleessoftware gebruikt krijg je zodra je begint te typen een foutmelding te horen. Bijvoorbeeld 2 geeft direct al het bericht 'Jaar is te ver in het verleden.'. Dit maakt het typen niet makkelijk. | 4.1.2 | techniek, content, visuele vormgeving | |
33 | Advies: In het scherm 'Opdrachten' https://uvadlo.test.instructure.com/courses/56252/assignments# is een uitgeschakelde knop. Als je daar met de muis over gaat of met het toetsenbord passeert verschijnt er informatie. Zowel via aria-label als via title wordt dezelfde tekst aangeboden. Het risico is aanwezig dat de tekst van het title-attribuut over de tooltip verschijnt. Ook is er schermleessoftware die zowel de tooltip ls de tekst uit het title-attribuut voorlezen. Dat is dubbel op. Laat de title weg.
 | 4.1.2 | techniek, content, visuele vormgeving | |
34 | In het scherm 'Aankondigingen' https://uvadlo.test.instructure.com/courses/56252/announcements is en deel van de aankondiging zichtbaar. Met schermleessofware wordt ook alle niet zichtbare informatie van de aankondiging voorgelezen. Slechtzienden die gebruikmaken van schermleessoftware weten zo niet waar ze zich op het scherm bevinden. Beter is om slechts voor te lezen wat er zichtbaar is. | 4.1.2 | techniek, content, visuele vormgeving | |
35 | Op de pagina 'Instellingen' https://uvadlo.test.instructure.com/courses/56251/settings i een kop om de cursus-afbeelding te bewerken. Rond deze knop wordt een aria-expanded gebruikt. Deze staat n niveau te hoog; dit attribuut moet in <button> worden opgenomen. | 4.1.2 | techniek, content, visuele vormgeving |
Het onderzoek is uitgevoerd op basis van de evaluatiemethode van het W3C, WCAG-EM. Dit gebeurt grotendeels handmatig door een steekproef te nemen. Voor een quickscan geldt dat we slechts delen uit deze methodiek gebruiken. Ondanks alle zorgvuldigheid en ervaring van de onderzoeker kan het voorkomen dat een probleem niet gesignaleerd is. Houd er rekening mee dat in een volgend onderzoek bepaalde onderdelen anders worden beoordeeld omdat technologieën en hulpsoftware worden doorontwikkeld. Bij het handmatig onderzoek wordt gebruik gemaakt van tools.
| https://canvas.uva.nl/ |
Bij dit onderzoek is de volgende software gebruikt:
Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.
Rapportinformatie: V2.0.1-WCAG2.1-R3.2-T0.14-nl