Toegankelijkheid
Waarom dit geldt
De HAN is een bekostigde onderwijsinstelling en valt daarmee onder het Tijdelijk besluit digitale toegankelijkheid overheid. De uitzondering voor intranet- en extranetcontent geldt alleen voor content die vóór 23 september 2019 is gepubliceerd, en dan nog tot een ingrijpende herziening. Dit platform is daarna gebouwd en valt er dus volledig onder, ook al is het alleen voor medewerkers bereikbaar.
Wat is aangepast
1.4.10 Reflow (AA)
De zijbalk stond vast op 256px, waardoor er op een telefoon circa 55px inhoud overbleef. De zijbalk schuift nu in als lade en de schermen schalen mee.
1.4.11 Contrast van niet-tekstuele content (AA)
De omtrek van invoervelden en knoppen stond op 1,28:1. Die is nu 3,15:1.
1.4.3 Contrast van tekst (AA)
Placeholdertekst stond op 3,15:1 en de tekst op een bezige knop op 2,48:1. Nu 9,59:1 respectievelijk 7,47:1.
2.4.1 Blokken omzeilen (A)
Er was geen manier om de navigatie over te slaan. Er is nu een skip-link naar de hoofdinhoud.
4.1.2 Naam, rol, waarde (A)
Vier knoppen met alleen een icoon hadden geen toegankelijke naam en heetten 'knop'. Die hebben nu een label.
3.3.1 Foutidentificatie (A) en 1.3.1 Info en relaties (A)
Validatiefouten stonden los naast het veld en labels waren niet aan hun veld gekoppeld. Nu via id, htmlFor, aria-invalid en aria-describedby.
2.4.6 Koppen en labels (AA)
De voortgang in de contractwizard was puur visueel. De stappen dragen nu aria-current en de balk is een echte progressbar.
2.4.2 Paginatitel (A)
Elke pagina had dezelfde browsertitel. Iedere route heeft nu een eigen titel.
1.4.3 Contrast (AA) en 1.4.11 Contrast van niet-tekstuele content (AA)
Alle losse kleurwaarden zijn vervangen door de huisstijltokens, die bij elke build worden nagerekend. Daarmee zijn o.a. rode verwijderknoppen (3,8:1), oranje waarschuwingsiconen (3,2:1) en de randen van keuzerondjes en vinkjes (1,5:1) opgelost. Een test voorkomt dat er nieuwe losse kleuren bijkomen.
1.3.1 Info en relaties (A) en 4.1.2 Naam, rol, waarde (A)
Invoervelden in de template-editor hadden alleen een placeholder. Ze hebben nu een toegankelijke naam.
4.1.1 Parsen (A) en 1.3.1 Info en relaties (A)
In het contractformulier stond elk veld-id twee keer op de pagina (op het blok én op het invoerveld), waardoor label en foutmelding niet eenduidig aan het veld hingen. Elk id is nu uniek.
3.3.1 Foutidentificatie (A)
Een niet beantwoorde keuzevraag (rondjes of vinkjes) en de titel bij een nieuwe zaak toonden wel een foutmelding, maar meldden niet aan hulptechnologie dat het veld ongeldig was. Ook waren enkele labels in het zaakformulier niet aan hun veld gekoppeld. Beide zijn hersteld, net als de filterknoppen en het zoekveld in de contractenlijst, die geen status of naam doorgaven.
Wat nog openstaat
1.4.10 Reflow (AA)
De template-editor is aangepast voor smalle schermen (rijen lopen door, geen vaste breedtes meer), maar is nog niet handmatig op 320 pixels breed getoetst.
Onderzoek
Er heeft nog geen volledig toegankelijkheidsonderzoek tegen EN 301 549 plaatsgevonden.
Iets tegengekomen
Loop je tegen iets aan dat niet werkt met een toetsenbord, een schermlezer of op een klein scherm? Meld het bij de beheerder van het platform. Dat hoort in de verklaring terecht te komen, en het is de snelste manier om het opgelost te krijgen.