We willen dat alle cursisten zo volledig mogelijk kunnen communiceren met de cursussen die je maakt in Rise 360. We weten dat het ook voor jou belangrijk is. Daarom is toegankelijkheid een cruciaal onderdeel van onze routekaart. Hieronder hebben we een dagboek samengesteld van het werk dat we tot nu toe hebben gedaan. En we zullen dit up-to-date houden terwijl we doorgaan met onze toegankelijkheidsreis.

Wist u dat —"a11y” een numeroniem is dat is gemaakt om mensen bewust te maken van toegankelijkheidsproblemen en -oorzaken. Je kunt meer lezen over de geschiedenis van a11y op de site van het A11Y-project.

Een jaar van betekenisvolle vooruitgang op het gebied van toegankelijkheid in Rise 360

21 januari 2026

In het afgelopen jaar hebben we gestaag verbeterd hoe toegankelijk, bruikbaar en inclusief Rise 360 is voor zowel cursisten die cursussen volgen als voor de auteurs die de cursussen maken. In plaats van eenmalige oplossingen te bieden, weerspiegelt dit werk een voortdurende inspanning om dagelijkse interacties soepeler en betrouwbaarder te maken voor mensen die ondersteunende technologieën gebruiken. Blijf lezen voor meer informatie!

Een sterkere schermlezerervaring opbouwen

We hebben de manier waarop schermlezers belangrijke momenten en besturingselementen tijdens een cursus aankondigen verbeterd. Leerlingen horen nu duidelijke statusupdates na het voltooien van quizzen, nauwkeurige aankondigingen voor de nummers Start, Vorige, Volgende en dia, en correcte stapinformatie in interactieve blokken. We hebben ook problemen opgelost waarbij de focus onverwachts overging, zoals onderaan een les belandden in plaats van bovenaan of verkeerd tussen lessen, zodat de navigatie nu op een voorspelbare, logische manier verloopt.

Kleine maar indrukwekkende verfijningen maakten ook een verschil. Nadat een cursist bijvoorbeeld een kenniscontrole heeft ingediend, wordt de knop Indienen verwijderd om te voorkomen dat schermlezers aankondigen dat deze niet beschikbaar is. In Quick Share-ervaringen gebruiken modale titels nu de juiste semantiek op kopniveau, zijn foutmeldingen beter beschrijvend en wordt de focus consistent behandeld tijdens de validatie en het invoeren van wachtwoorden.

Geavanceerde toetsenbordnavigatie en focusbeheer

Interactieve elementen in Rise 360, waaronder grafieken, overeenkomende kenniscontroles en transcripties, zijn nu volledig bedienbaar met een toetsenbord. Complexe gebieden zoals de Vragenbank-modaal werden aangepast om meerdere toegankelijkheidsproblemen op te lossen en volledige toetsenbordnavigatie te garanderen.

We hebben ook het focusgedrag gedurende het hele traject van de cursist verfijnd. De focus wordt nu voorspelbaar verplaatst bij het navigeren in lessen, bij interactie met Continue-blokken, bij het valideren van formulieren of bij het openen van modalen. Het lesoverzicht gedraagt zich ook betrouwbaarder en wordt correct weergegeven wanneer cursisten er doorheen bladeren.

Ondersteuning van meer ondersteunende technologieën

Rise 360-cursussen bieden nu officieel ondersteuning voor Windows Narrator en Magnifier, waardoor de compatibiliteit wordt uitgebreid voor cursisten die afhankelijk zijn van ingebouwde Windows-tools. Transcripties zijn volledig toegankelijk via zowel toetsenbord- als schermlezers, en cursisten kunnen het volume regelen of het geluid dempen op elke plek in een cursus.

En we zijn de visuele toegankelijkheid niet vergeten. Contrastverbeteringen zorgen ervoor dat belangrijke elementen, zoals de voortgangstaart in de zijbalk en de diagramtekst, voldoen aan de minimale contrastvereisten in thema's met een hoog contrast, zoals Aquatic, Dusk en Night Sky.

Auteurs in staat stellen toegankelijke inhoud te creëren

Toegankelijkheid begint niet alleen bij publicatie. Dit jaar hebben we cursusmakers meer tools gegeven om vanaf het begin inclusieve ervaringen op te bouwen.

Aangepaste blokken werden aanzienlijk verbeterd op het gebied van toegankelijkheid. Auteurs kunnen nu onafhankelijk van de visuele lay-out de focusvolgorde van de schermlezer definiëren en alt-tekst toevoegen aan objecten, objectgroepen en het canvas. Ze kunnen audiotranscripties ook rechtstreeks in aangepaste blokken opnemen.

Authoringfuncties op basis van AI hebben de drempel voor toegankelijkheid nog verder verlaagd. Auteurs kunnen rechtstreeks vanuit de cursusinhoud audio en transcripties van tekst naar spraak genereren, audio toevoegen aan een groot aantal bloktypen en door AI gegenereerde videoondertitels maken die eenvoudig kunnen worden beoordeeld en verfijnd met behulp van een ingebouwde editor.

We hebben ook de titel van het browsertabblad bijgewerkt om de huidige les weer te geven tijdens de authoring, wat een betere context en toegankelijkheid biedt voor makers die ondersteunende technologieën gebruiken.

Ontwerpen met toegankelijkheid in het achterhoofd

Verbeteringen in de toegankelijkheid breidden zich ook uit in de flexibiliteit van het ontwerp en de lay-out.

Met nieuwe opties voor de stijl van opsommingstekens kunnen auteurs de grootte en kleur van opsommingstekens en genummerde lijsten aanpassen, wat een betere leesbaarheid mogelijk maakt. De afstand tussen de knoppen kan nu worden aangepast om de visuele helderheid en de consistentie van de lay-out te verbeteren. Scenarioblokken kregen audio-ondersteuning, waardoor vertakkingsinteracties boeiender werden en toch toegankelijk bleven.

Vooruitkijkend

Alles bij elkaar genomen weerspiegelt het werk van dit jaar een grotere betrokkenheid bij Articulate: toegankelijkheid als een doorlopende praktijk, geen eenmalige checklist. Hoewel sommige van deze verbeteringen op zichzelf misschien klein lijken, is hun gecombineerde impact aanzienlijk. Laag voor laag voegen ze toe aan een merkbaar meer bruikbare, voorspelbare en inclusieve ervaring voor zowel cursisten als auteurs.

Door de mentaliteit van „vooruitgang, niet perfectie” te omarmen, blijven we leren, verfijnen en vooruitgaan. We dichten hiaten, verminderen wrijving en maken Rise 360 met elke iteratie beter.

Als we vooruitkijken, stelt deze basis ons in staat om met intentie te blijven bouwen, zodat toegankelijkheid een integraal onderdeel blijft van de manier waarop we leerervaringen ontwerpen, ontwikkelen en aanbieden voor iedereen.

De verbeteringen in deze updates ondersteunen de volgende WCAG-succescriteria: 1.1.1 Inhoud zonder tekst (niveau A), 1.2.1 Alleen audio en alleen video (vooraf opgenomen) (niveau A), 1.2.2 Ondertitels (vooraf opgenomen) (niveau A), 1.3.1 Informatie en relaties (niveau A), 1.4.2 Audioregeling (niveau A), 1.4.3 Contrast (minimaal) (niveau AA), 2.1.1 Toetsenbord (niveau A), 2.4.2 Paginatitel (Niveau A), 2.4.3 Focusvolgorde (Niveau A), 2.4.7 Focus zichtbaar (Niveau AA), 3.3.1 Foutidentificatie (niveau A), 4.1.2 Naam, rol, waarde (niveau A).

Al het andere uit 2024

24 april 2025

Soms mis je onderweg kleine details als je snel beweegt. (Ik geef de schuld aan een verschuivende kwantumtoestand. Sommigen zouden het buitensporig dutten noemen, maar wat weten ze over de mysteries van het universum?) Wat de reden ook is, de onderstaande toegankelijkheidsoplossingen zijn in geen van onze andere onderzoeken van 2024 helemaal opgenomen.

• In sommige gevallen zorgde het gebruik van dubbele aanhalingstekens „” als alt-tekst voor afbeeldingen er niet voor dat schermlezers de afbeeldingen oversloegen zoals verwacht. Het zou nu consistent moeten werken.
• Het is belangrijk voor ons om overal in Rise een toegankelijk kleurcontrast te behouden. Daarom hebben we de kleuren in het Apex-thema verschoven. Nu wordt het aantal zoekresultaten met een toegankelijk contrast weergegeven.
• Bij het zoeken naar lessen zou de schermlezer alle sectienamen die overeenkwamen met die les in het aantal gesproken resultaten opnemen. We hebben ervoor gezorgd dat dat niet meer gebeurt.
• Ik vind deze erg leuk. Als je bij een quiz of kenniscontrole naar de knop Indienen gaat zonder eerst de vraag te beantwoorden, wordt in een bericht dat compatibel is met een schermlezer uitgelegd waarom de knop nog niet actief is.

En daarmee is eindelijk het einde van 2024 — een uiterst productief jaar op het gebied van toegankelijkheid voor zowel cursisten als auteurs! We kunnen niet wachten om u in 2025 meer a11y-verbeteringen aan te bieden.

De vele verbeteringen die we in deze update hebben aangebracht, volgen deze WCAG-criteria: niet-tekstuele inhoud 1.1.1 (niveau A), 1.3.1 Informatie en relaties (niveau A), 1.4.11 Niet-tekstcontrast (niveau AA), 2.4.6 Koppen en labels (niveau AA), 4.1.2 Naam, rol, waarde (niveau A)

Het is een Accessibility Stampede!

4 april 2025

Hallo, partners! In de eerste drie maanden van 2025 hebben we allerlei toegankelijkheidsproblemen opgelost en bugs opgelost om het rijden op dat Rise 360-paard nog soepeler te laten verlopen.

Terwijl we hebben gewerkt aan toekomstige toegankelijkheidsgerichte functies, heeft ons team zelfs een hele reeks openstaande a11y-problemen opgelost. We hebben oplossingen voor schermlezers en thema-aanpassingen gemaakt en navigatiefouten opgelost. We hebben zelfs een aantal authoring-problemen opgelost!

Maar voordat ik de metafoor van de gekwelde stormloop nog strakker maak, stap ik van een toontje lager en deel ik alles wat ons team van januari tot maart 2025 heeft bereikt. Duizelig!

Leider op de schermlezer

• JAWS had een beetje een terugkerend probleem toen het te maken kreeg met meerkeuzevragen voor kenniscontrole en checklists.
• JAWS kon ook niet verder gaan dan specifiek geconfigureerde procesblokken.
• Windows Narrator zag het getal niet in cijferdelers.
• Alle schermlezers lazen in bepaalde gevallen verborgen leskoppen.
• Wijzigingen in de navigatiekolom van de cursus verbeterden de ondersteuning voor schermlezers.

Themaschema's

• De voortgangsindicatoren van de lessen in de zijbalken van het Apex-thema waren in sommige gevallen niet zichtbaar en in andere gevallen ontbraken de kleurvulling.
• De pijlen voor samenvouwen en uitbreiden in Horizon-thema's waren onzichtbaar wanneer Dark als kleurenschema werd gebruikt.

Navigatiestation

• De sneltoetsbalk voor blokken is nu navigeerbaar via het toetsenbord.
• Windows Magnifier concentreerde zich op onjuiste elementen (zoals het hamburgermenu) in plaats van op de titel van de cursus en de naam van de maker.
• Het selectievakje Onthoud mij op de aanmeldingspagina van Articulate 360 is nu groter om het klikken gemakkelijker te maken.
• De toetsenbordfocus werd bij lagere resoluties verduisterd toen het compacte navigatiemenu zichtbaar was.
• Over compacte navigatie gesproken, de knoppen voldoen nu aan de minimale vereiste doelgrootte.
• Inhoud mag elkaar in geen enkele resolutie overlappen in de koptekst.
• Het herstellen van een foutstatus bij het indienen van quizzen en kenniscontroles is nu logischer, waarbij de focus wordt verschoven wanneer dat nodig is, zodat cursisten niet vastlopen.
• Wijzigingen in de quiztimer zorgen ervoor dat deze niet als een navigatie-element wordt beschouwd.

Auteursaanbod

• Auteurs konden het label „zoekterm wissen” niet aanpassen.
• De toetsenbordfocusindicator was niet zichtbaar tijdens het navigeren in het blokopmaakmenu

De vele verbeteringen die we in deze update hebben aangebracht, volgen deze WCAG-criteria: 1.3.1 Informatie en relaties (niveau A), 1.4.11 Contrast zonder tekst (niveau AA), 2.4.6 Koppen en labels (niveau AA), 2.4.7 Focus Visible (Niveau AA), 2.5.8 Doelgrootte (Minimum) (Niveau AA)

Een toegankelijk scenario

21 oktober 2024

Scenarioblokken in Rise 360 behoren tot de meer gecompliceerde blokken om te maken, maar ze werpen hun vruchten af door cursisten diep gelaagde, vertakkende scenario's aan te bieden waar ze steeds weer naar terug kunnen keren. Er is echter geen alt-tekst beschikbaar voor de achtergrond- of tekenafbeelding, dus om deze toegankelijk te maken, moest een blok met een beschrijving worden toegevoegd vóór het scenarioblok zelf. Dat is veranderd met de laatste update!

Je kunt nu het nieuwe veld Scene Description gebruiken dat beschikbaar is voor de titel en het einde, evenals de dialoog- en antwoordopties. Deze worden gelezen door schermlezers en zorgen ervoor dat elke gebruiker kan genieten van de veranderende achtergronden, tekens en karakterreacties zodra ze zich voordoen!

De verbeteringen die we in deze update hebben aangebracht, volgen deze WCAG-criteria: 1.3.1 Informatie en relaties (niveau A)

Op het niveau

17 juli 2024

Dit is een grote update voor gebruikers van schermlezers (en degenen die een training voor hen maken) — je kunt nu kopniveaus instellen in Rise 360!

„Zijn er niet al rubrieken in Rise 360?” vraag je je misschien af. Nou ja. Voor de vertelling van de schermlezer zijn de lestitels rubriek 1, kopteksten in blokken kop 2 en subkopteksten in blokken kop 3. Er bestaan dus kopteksten die door schermlezers worden gelezen zoals verwacht.

Dus waarom is deze update zo belangrijk? Simpel gezegd: je hebt nu opties. Met deze update kunt u tekst zonder opmaak opmaken in een willekeurige indeling, van rubriek 2 tot rubriek 5. Je hebt niet alleen meer opties voor kopniveaus, maar je kunt ook een structurele hiërarchie creëren waardoor je cursisten snel kunnen vinden wat ze zoeken. We praten meer over hoe je dit kunt implementeren in dit artikel.

Koppen komen ook ten goede aan cursisten die geen schermlezers gebruiken. Door je inhoud een duidelijke visuele structuur te geven, vooral als er lange stukken tekst zijn, helpt dat lezers met cognitieve problemen zoals ADHD-focus.

De verbeteringen die we in deze update hebben aangebracht, volgen deze WCAG-criteria: 2.4.6 Koppen en labels (niveau AA), 2.4.10 Sectiekoppen (Niveau AAA)

Updates die het waard zijn om over te praten

30 april 2024

Benieuwd wat we hebben gedaan sinds onze laatste dagboekaantekening? In de afgelopen zeven maanden zijn we druk bezig geweest met het verbeteren van Rise 360 om je een robuustere en inclusievere ervaring te bieden. Vandaag vieren we de toegankelijkheidsverbeteringen die sinds september 2023 zijn uitgebracht en benadrukken we de impact ervan op cursisten.

Verantwoordelijkheid voor zichtbaarheid

We hebben de schermlezerervaring voor tab- en knopblokken verfijnd, zodat tabtitels duidelijk zichtbaar zijn en de volledige knoptekst altijd wordt aangekondigd, zelfs als deze niet volledig zichtbaar is op het scherm. Nu voor onze volgende truc: we zullen tabtekst niet laten verdwijnen. Dat klopt: de tekst in tabblokken verandert niet meer in de tabkleur als je de muisaanwijzer erop plaatst.

En voor alle fans van vooraf gebouwde thema's: de Start-knop in het Apex-thema is nu toegankelijk via het toetsenbord. Voorheen sloeg de focusindicator de Start-knop over en ging direct naar de lessen.

Glow-Ups met contrast

Een verhoogd contrast resulteert in duidelijkere elementen, wat slechtziende cursisten ten goede komt en de leesbaarheid en leesbaarheid voor iedereen vergroot. Daarom hebben we het kleurcontrast van verschillende elementen zorgvuldig bekeken en de volgende aanpassingen gedaan:

• De tekst en pictogrammen in verbeterde blokinstellingen donkerder gemaakt
• Het contrast tussen de muisstatussen is verbeterd voor quizelementen, zoals de knoppen Indienen en Quiz starten
• Ervoor gezorgd dat de tijdelijke tekst in vragen die leeg veld invullen voldoet aan de richtlijnen voor kleurcontrast wanneer deze in Firefox wordt bekeken
• Het contrast van de volgende vier elementen is aangepast zodat ze allemaal zichtbaar zijn in de High Contrast-modus van Windows: de audioweergavebalk, de resultaten van de quiz, het vergrendelingspictogram dat verschijnt wanneer cursisten niet slagen voor een toets en een vereiste score moeten behalen om door te kunnen gaan, en de vinkjes in de zijbalk voor voltooide lessen

Renovatie van navigatie

Zie navigatie als een kaart die cursisten door de inhoud leidt. Wat heb je aan een kaart als die verwarrend is? Een toegankelijke en logische navigatiestructuur zorgt voor een betere leerervaring, waardoor cursisten betrokken blijven tijdens hun reis. Met dat in gedachten hebben we hard gewerkt om mogelijke gebieden van desoriëntatie op de navigatie te verminderen. Dit is wat er nieuw is:

• Wanneer je microlearning in de stapsgewijze modus staat, kun je de knop Volgende gebruiken om naar de volgende stap te gaan, wat goed is! Met diezelfde knop Next kon je echter ook naar beneden scrollen, wat niet intuïtief was voor gebruikers van toetsenbord en schermlezers. Stapsgewijze navigatie biedt nu verbeterde ondersteuning voor toetsenbord en schermlezer.
• Kopteksten in de zijbalk vormen geen belemmering meer voor lestitels, zelfs niet als je scherm 400% zoomt.
• Selectievakjes voor quizzen en kenniscontroles worden nu bij de vraag gelabeld en als groep aangekondigd. Dit zorgt ervoor dat ondersteunende technologieën de vraagkeuzes correct identificeren.
• Toen de quizinstelling van Reveal Answers was ingesteld op „Onjuiste antwoorden met feedback weergeven”, gaven NVDA-schermlezers het juiste antwoord weer. (Oeps!) We hebben er nu voor gezorgd dat alleen onjuiste antwoorden en feedback op vragen worden aangekondigd, zoals gevraagd.
• De tabelstructuur in diagramblokken volgt nu een logische leesvolgorde.

Text Flexes

Waarom, ja, deze update draait helemaal om tekst! Als je net als wij van aanvullende context houdt, hebben we geweldig nieuws: de tooltips die aan cursisten worden getoond, zijn allemaal afwijzbaar, en blijven hangen.

U kunt nu ook de titel van de markering en de beschrijvingstekst in gelabelde afbeeldingen markeren en kopiëren.

Over markeren gesproken, we hebben de semantische structuur van checkboxlijsten gecorrigeerd, zodat je met de linkermuisknop op de checkbox-tekst kunt klikken en slepen om woorden te markeren zonder het selectievakje aan te vinken. Een nieuwe optie om op de lijsttekst van het selectievakje te klikken om het selectievakje aan te vinken, is ook beschikbaar wanneer u dat nodig hebt. Een groter gebied om elementen te selecteren is vooral gunstig voor cursisten met een motorische beperking.

De verbeteringen die we in deze update hebben aangebracht, volgen deze WCAG-criteria: 1.3.1 Informatie en relaties (niveau A), 1.4.3 Contrast (minimaal) (niveau AA), 1.4.13 Inhoud bij zweven of scherpstellen (niveau AA), 2.1.1 Toetsenbord (niveau A), 2.5.8 Doelgrootte (Minimum) (Niveau AA), 1.3.1 Informatie en relaties (Niveau A)

Minder beweging in de oceaan

11 september 2023

Als organisatie waarin de mens centraal staat, nemen we het serieus wanneer onze klanten contact opnemen over toegankelijkheidsproblemen. Onlangs liet iemand ons weten dat „springerige” animaties in Rise 360-quizzen hen leed bezorgden. Die animaties zijn bedoeld om de quiz op een optimale kijkplek op het scherm te houden, maar afhankelijk van de scrollweergave en de browsergrootte kunnen ze te uitgesproken worden en mogelijk ernstige lichamelijke reacties zoals duizeligheid veroorzaken.

We hebben onmiddellijk gehandeld, gericht op de quizanimatie en op de pulserende animatie die is gekoppeld aan niet-bezochte gelabelde grafische items (pulserende animaties kunnen ook stress veroorzaken). We hebben vastgesteld dat de snelste manier om een oplossing vrij te geven, was door de prefers-reduced-motion css-mediaquery eraan toe te voegen. Op deze manier wordt de animatie niet verwerkt wanneer een gebruiker reduce motion of remove animation instellingen heeft ingeschakeld op zijn apparaat.

We nemen elk toegankelijkheidsprobleem serieus, maar als een probleem ook lichamelijk letsel kan veroorzaken, kunnen we het ons niet veroorloven om te wachten. We hebben dit probleem in minder dan een maand aangepakt en zijn actief op zoek naar manieren waarop we wereldwijd ondersteuning kunnen bieden voor het verminderen van bewegingsinstellingen.

De verbeteringen die we in deze update hebben aangebracht, volgen deze WCAG-criteria: Animation from Interactions (Level AAA) 2.3.3

Summertime Soiree

26 juli 2023

Het is warm buiten, dus waarom zou je niet relaxen met cool Rise 360-toegankelijkheidsnieuws!

Thema Contrast Control

Met deze handige nieuwe functie (te vinden in Thema > Kleur) kunnen auteurs ervoor zorgen dat hun trainingsinhoud voldoet aan de vereisten voor toegankelijke kleurverwerking voor slechtziende cursisten in een verhouding van 4,5:1.

Van links naar de contrastinstellingen Auto, Donker en Licht

Je kunt handmatig een licht- of donkercontrast selecteren, maar de echte a11y-winst is wanneer je Auto selecteert. Dit verbetert de voorpagina's, leskoppen en navigatieknoppen. Zoals u in de bovenstaande afbeelding kunt zien, verschijnt bij selectie automatisch lichte tekst in donkere kleuren en omgekeerd.

Soring Bullets Begone

We hebben ook verbeteringen aangebracht om elementen te blokkeren die gekoppeld zijn aan de themakleur (zoals de opsommingstekens in lijsten met opsommingstekens). Net als de tekst in de kopteksten en navigatieknoppen van de les, wordt het contrast automatisch aangepast om de leesbaarheid te behouden wanneer een grafisch element in een blok de themakleur gebruikt en ook een symbool of tekst gebruikt.

Ik kan (de tekst van de Titelpagina) nu duidelijk zien

Titelpagina's hebben onlangs ook een contrastrijke gloed gekregen door de toevoeging van een licht/donkere overlay. Selecteer Licht om donkere tekst weer te geven op een lichtere afbeelding...

... of Dark om, je raadt het al, lichte tekst te tonen op een verduisterde afbeelding.

U kunt zelfs het overlay-percentage handmatig aanpassen om het contrast te verhogen of te verlagen.

Komt het in het zwart?

Tot slot hebben we een kleine maar belangrijke aanpassing gemaakt aan onze zwarte tekst. Het is nu „echt” zwart (dat is hexadecimale code 000000 voor alle grafische ontwerpers). Dit helpt om de toegankelijkheid van al je trainingen te verbeteren.

De verbeteringen die we in deze update hebben aangebracht, volgen deze WCAG-criteria: Contrast (minimaal) 1.4.3 (niveau AA), Non-text Contrast 1.4.11 (Niveau AA)

Gedeblokkeerde blokken, verloren labels gevonden

24 februari 2023

De lente staat voor de deur en met drie belangrijke toegankelijkheidsupdates gaan we alvast naar zonnige dagen en warmere temperaturen.

Aankondigingslabels voor schermlezers

Aankondigingslabels voor schermlezers zijn verborgen labels die worden gebruikt door, u raadt het al, schermlezers om elementen van de gebruikersinterface, zoals knoppen en links, te beschrijven. Het is essentieel om deze samen met je andere labels te vertalen om maximale toegankelijkheid voor alle cursisten te garanderen.

Deze labels hebben altijd bestaan in Rise 360, maar er was geen manier om ze te vertalen. Dat is veranderd met het nieuwe tabblad Screen Reader Announcement. Nu kunt u toegankelijkheidslabels in Instellingen eenvoudig aanpassen, net als elk ander label. Sterker nog, wanneer je je labels exporteert voor vertaling, worden de aankondigingslabels van de schermlezer gemarkeerd met een a11y-tag, zodat ze gemakkelijk terug te vinden zijn.

Sla een paar chips van de oude blokken

Sinds de release van de Rise 360 VPAT hebben we hard gewerkt om al onze blokken te laten voldoen aan de WCAG 2.1-normen. Nu kunnen we er nog een van de lijst schrappen: procesblokken zijn toegankelijk.

We hebben speciale aandacht besteed aan procesblokken om een soepele cursistervaring te creëren. Als je via het toetsenbord met het blok werkt, kun je je logischerwijs een weg banen door de interface. Bij interacties blijft de focus op de knop Volgende staan, en schermlezers kondigen de titel van de huidige stap aan. Op die manier kunnen cursisten beslissen of ze de inhoud van de stap willen doorbladeren en er interactie mee willen hebben, of door willen gaan naar de volgende processtap.

We hebben ook de toegankelijkheid voor offerteblokken verbeterd! De toetsenbordervaring voor aanhalingstekens met links is verbeterd. Er wordt niet langer meerdere keren op de quote gefocust (voorheen navigeerde je naar de weergegeven versie en de versie die beschikbaar was voor schermlezers). Met deze verbetering kunnen cursisten via een schermlezer met het blok communiceren zonder extra geklets.

De verbeteringen die we in deze update hebben aangebracht, volgen deze WCAG-criteria: toetsenbord 2.1.1 (niveau A), focusvolgorde 2.4.3 (niveau A), kopteksten en labels 2.4.6 (niveau AA), naam, rol, waarde 4.1.2 (niveau A)

In een oogwenk terug

5 december 2022

Wat is er beter dan één flashcard-blok toegankelijk te hebben? Beide flashcard-blokken voldoen aan de toegankelijkheidsrichtlijnen!

In oktober hebben we verbeteringen aangebracht in het flashcard-rasterblok, maar we werkten nog steeds aan de block-mate. We hebben deze verbeteringen nu naar flashcard-stapelblokken doorgevoerd, zodat ze ook voldoen aan WCAG 2.1. Net als rasters hebben stapels betere ondersteuning voor schermlezers en zijn ze volledig navigeerbaar met het toetsenbord.

Toen we hiermee begonnen, ontdekten we al snel dat er geen toegankelijke flashcard-ontwerpen beschikbaar waren. Dus hebben we er zelf een gemaakt. Robert Pearce, een van onze senior software-ingenieurs, ontwikkelde een oplossing en werkte vervolgens samen met de toegankelijkheidsexperts van Microsoft om het ontwerp aan te scherpen. Na uitgebreide tests konden we deze innovatieve oplossing naar Rise brengen. We hopen dat deze inspanning zal helpen om de weg te wijzen voor andere organisaties.

We hebben ook andere, niet-flashcard-verbeteringen aangebracht in de toegankelijkheid van Rise.

• Het openen van links in een nieuw tabblad verandert de context van de pagina, wat mensen met een visuele beperking misschien niet meteen beseffen. Met deze update kondigen schermlezers de link aan met de aanvullende instructie dat deze in een nieuw venster wordt geopend. Het is een kleine maar belangrijke wijziging die ervoor zorgt dat dat element beter voldoet aan WCAG 2.1
• Het „hamburgermenu” (het pictogram met drie lijnen bovenaan de zijbalk in cursussen) staat nu eerst in tabvolgorde als je niet direct naar de inhoud gaat. Het wordt logischerwijs gevolgd door de zijbalk, die het bestuurt. Het blijft ook bovenaan de cursus staan, zodat gebruikers altijd weten waar ze de cursus kunnen openen. Bovendien voldoen het hambuger-menupictogram en de link voor het verlaten van de cursus (voor LMS-exports) nu aan de WCAG 2.1-contrastvereisten, zodat ze altijd zichtbaar zijn.

De verbeteringen die we in deze update hebben aangebracht, volgen deze WCAG-criteria: Contrast (minimaal) 1.4.3 (niveau AA), niet-tekstcontrast 1.4.11 (niveau AA), toetsenbord 2.1.1 (niveau A), focusvolgorde 2.4.3 (niveau A), Focus Visible 2.4.7 (niveau AA), naam, rol, waarde 4.1.2 (niveau A), On Input 3.2.2 (niveau A)

Meer dan een flits in de pan

5 oktober 2022

Als je uit de titel al geraden had dat deze update over flashcards zou gaan, krijg je een gouden ster!

Flashcard-rasterblokken voldoen nu aan WCAG 2.1, met verbeterde ondersteuning voor toetsenbord en schermlezer. Schermlezers geven aan wanneer je een flashcard-flip-knop gebruikt, en er is een nuttige tooltip met de muisaanwijzer die alleen toegankelijk is voor gebruikers met een toetsenbord. Je kunt ook flashcard-tekst markeren en kopiëren. Terwijl we toch bezig waren, hebben we een probleem opgelost waarbij de flip-knop soms de schuifbalk in Windows overlapte.

Met de nieuwe themafunctie hebben we ook de manier veranderd waarop we tekst op flashcards weergeven, waarbij we hebben gekeken naar hoeveel spaties tekens innemen in plaats van alleen hoeveel tekens er zijn. Het zorgt voor een schonere ervaring die gemakkelijker te lezen is.

Hoe goed zijn de nieuwe verbeteringen van het flashcard-rasterblok? Onze Fable-tester (Fable neemt personen met een handicap in dienst om te testen en feedback te geven op sites) gaf het nieuwe flashcard-blok een score van 100%! Ze zeiden dat flashcards gemakkelijk te begrijpen en te navigeren waren en voegden eraan toe dat de schermlezerervaring „een genot” was.

De verbeteringen die we in deze update hebben aangebracht, volgen deze WCAG-criteria: Meaningful Sequence 1.3.2 (niveau A), sensorische kenmerken 1.3.3 (niveau A), contrast (minimaal) 1.4.3 (niveau AA), toetsenbord 2.1.1 (niveau A), focusvolgorde 2.4.3 (niveau A), Focus Visible 2.4.7 (niveau AA), naam, rol, waarde 4.1.2 (niveau A)

Editie aan het einde van de zomer

19 september 2022

Het is een drukke zomer geweest! Zo druk, dat we niet de kans hadden om op adem te komen en je te laten weten wat er aan de hand was met betrekking tot toegankelijkheid in Rise 360. Laten we dat oplossen met een overzicht van alles wat we sinds mei hebben bereikt!

Verbeterde tijdlijnblokken

Interactieve blokken kunnen een uitdaging zijn voor schermlezers om ze goed te ontleden. Daarom zijn we teruggegaan en hebben we de prestaties van de schermlezer voor tijdlijnblokken aanzienlijk verbeterd. Over het algemeen is het een veel schonere ervaring. Tijdlijnblokken worden nog steeds als groep aangekondigd, maar nu is het een semantische lijst, omdat het in wezen een reeks gebeurtenissen is. Sterker nog, elke kaart in het tijdlijnblok wordt niet apart aangekondigd en de extra tabstop is verwijderd; dit zorgde voor onnodig geklets. Voor visuele cursisten hebben tijdlijnkaarten nu waarneembare randen in de Windows High Contrast-modus.

Maar dat is niet alles

Naast het verbeteren van de ervaring van interactieve blokken, vind je hier al het andere dat we deze zomer hebben gedaan. Haal diep adem, het is veel!

• We hebben de paginatitel voor het browservenster bijgewerkt. Schermlezers kondigen dit nu aan als lestitel, vervolgens als cursustitel en vervolgens Rise 360, zodat het hoofddoel van de pagina als eerste wordt gedeeld.
• Om de accordeonblokervaring voor schermlezers te verbeteren, kondigen we de plus- en mintekens niet langer afzonderlijk aan.
• De voortgangsindicator van de les bevat nu een volledig toegankelijke tooltip die beschikbaar is voor gebruikers van muis, toetsenbord en schermlezer. Gebruik de les om te zien of de les niet is gestart, of het percentage voltooid of voltooid is.
• Interactieve tabblokken gebruiken nu het aanbevolen interactiegedrag voor een betere toegankelijkheid.
• Gelabelde grafische blokken hebben twee nieuwe verbeteringen! Voor toetsenbordgebruikers volgt de tabvolgorde voor gelabelde grafische blokken nu een logischere volgorde van links naar rechts, van boven naar beneden. Ook wanneer een schermlezer een gelabelde grafische markering tegenkomt, kondigt hij nu de markering aan en leest hij de titel ervan.
• Schermlezers kondigen voortdurend ondertitelingstekst aan in fotogalerijen.
• Het logo van de cursus wordt gemarkeerd als decoratief element, zodat het niet door schermlezers wordt gelezen.
• De randen van het zoekveld en de koppeling Cursus starten/hervatten zijn nu zichtbaar in de modus Hoog contrast van Windows.
• Wanneer je een schermlezer gebruikt in een cursus die naar LMS is geëxporteerd, wordt in het venster nu de titel van de cursus weergegeven (in plaats van de URL). Schermlezers kondigen „Cursus laden” aan wanneer de cursus wordt gestart om cursisten context te geven.

De verbeteringen die we in deze update hebben aangebracht, volgen deze WCAG-criteria: ondertitels (vooraf opgenomen) 1.2.2 (niveau A), niet-tekstcontrast 1.4.11 (niveau AA), toetsenbord 2.1.1 (niveau A), kopteksten en labels 2.4.6 (niveau AA)

Feedback is van fundamenteel belang

7 april 2022

Nee, echt, dat is het wel! Als je een quiz doet of een kenniscontrole beantwoordt, is het immers bijna net zo belangrijk om te weten waarom een antwoord goed of fout is als het juist is. In deze update hebben we de feedbackprestaties van schermlezers verbeterd, zodat het voor gebruikers duidelijk is wanneer ze zich in het feedbackveld bevinden. We hebben ook de functionaliteit verbeterd voor gebruikers van Android Talkback, zodat ze kunnen communiceren met de feedbacktekst.

Oh, en een snelle duik in de wereld van de Windows-modus met hoog contrast (waar we het vorige week over hadden), we hebben ervoor gezorgd dat de rand van het doorlopende blok en dat de kogels in het kogelblok zichtbaar zijn zoals verwacht.

De verbeteringen die we in deze update hebben aangebracht, volgen deze WCAG-criteria: Non-text Contrast 1.4.11 (niveau AA), On Input 3.2.2 (niveau A), Error Identification 3.3.1 (niveau A)

Tegenstrijdige meningen

31 maart 2022

Er is een heel duidelijke regel als het gaat om toegankelijkheid en niet-tekstuele elementen in een interface: ze moeten een contrastverhouding van ten minste 3:1 hebben tussen het element en de achtergrond. Nu zijn er contrastcontroles en hulpprogramma's die we gebruiken om ervoor te zorgen dat de Rise 360-interface aan die verhouding voldoet. Maar wanneer gebruikers iets gebruiken dat het basiscontrast fundamenteel verandert, zoals de Windows High Contrast-modus, wordt het moeilijker om die gulden snede te behouden.

Moeilijker. Maar niet onmogelijk.

In deze update hebben we het werk voortgezet dat eerder deze maand is begonnen, zodat interface-elementen gemakkelijk zichtbaar zijn, zelfs als je een systeeminstelling met hoog contrast gebruikt.

In de modus Hoog contrast van Windows hebben we de volgende items zo aangepast dat ze niet verbleken in de contrastmodus voor licht of donker.

• Zijbalk geselecteerde les
• Natuurlijk hamburgermenu (die drie kleine lijntjes in de linkerbovenhoek)
• In aanhalingstekens- en galerieblokken, de volgende en vorige pijlen

Voor de volgende interface-elementen hebben we het zweefcontrast verhoogd of, in sommige gevallen, geëlimineerd:

• Overzicht van de cursus
  • Knop Cursus starten/hervatten
  • Knop Details
• Zijbalk
  • Pictogrammen voor zoeken/sluiten
• Hyperlinks
• In Scenarioblokken, de knop Doorgaan
• In carrouselblokken voor citaten en galerieën, de pictogrammen voor het selecteren van dia's en de vorige en volgende pijlen

We hebben ook een overbodige tooltip verwijderd die verscheen toen je met de muis over het voortgangspictogram van de les ging.

En dit is nog maar het begin. We doen er alles aan om ervoor te zorgen dat iedereen Rise 360 gemakkelijk kan gebruiken, ongeacht hoe ze ons ontmoeten. We komen snel terug met nog meer verbeteringen!

De verbeteringen die we in deze update hebben aangebracht, volgen deze WCAG-criteria: Non-text Contrast 1.4.11 (niveau AA), Headings and Labels 2.4.6 (niveau AA), Focus Visible 2.4.7 (niveau AA)

Fijnafstemming

4 maart 2022

Er is een moment dat je aan iets werkt, wat dan ook, waarbij je een paar grote onderdelen op orde hebt, maar nog niet bent begonnen aan de volgende ronde van grote veranderingen. Je wilt vooruitgang boeken, maar er zijn kleinere dingen die je precies goed moet doen voordat je dat doet.

We zijn de afgelopen maand druk bezig geweest met het verfijnen van de toegankelijkheid in Rise 360, waarbij we de kleine dingen precies goed hebben geregeld en de fijnere details hebben ingevoerd voordat we verder gingen met het volgende grote project.

• Modus met hoog contrast in Windows:
  • Als je een radioknop hebt geselecteerd (zoals wanneer je op een meerkeuzeantwoord klikt in een quiz) in de witte of zwarte modus met hoog contrast, wordt deze niet geselecteerd weergegeven. We hebben de zichtbaarheid van de selectie van radioknoppen in deze modi verbeterd.
  • In de witte modus met hoog contrast was de zoekknop niet zichtbaar.
• Op Android-apparaten die Talkback gebruiken:
  • Sommige blokken werden twee keer aangekondigd toen gebruikers door de lessen navigeerden.
  • Decoratieve afbeeldingen, die niet aangekondigd zouden moeten worden, werden aangekondigd.
• We hebben een label „close modal” toegevoegd aan de pop-up met grafische informatie met label.
• We hebben ook de ervaring met diagramblokken in Microsoft Edge-browsers verbeterd. Nu kondigen schermlezers de kopteksten van de kaart aan zoals verwacht.

De verbeteringen die we in deze update hebben aangebracht, volgen deze WCAG-criteria: niet-tekstuele inhoud 1.1.1 (niveau A), niet-tekstcontrast 1.4.11 (niveau AA), Headings and Labels 2.4.6 (niveau AA), Focus Visible 2.4.7 (niveau AA)

Schermlezer, contrastverbeteringen en meer

14 januari 2022

De wijzigingen van deze week zijn gericht op het verbeteren van de gebruikerservaring en het makkelijker maken voor iedereen om toegang te krijgen tot hun cursussen, ongeacht de interactie met Rise 360. Dit is wat we hebben gedaan in de eerste paar weken van het nieuwe jaar.

• Voor schermlezers hebben we het tabblok aangepast zodat verborgen vorige en volgende knoppen niet langer worden aangekondigd en overbodige oriëntatiepunten zijn geëlimineerd.
• Vanwege het contrast is het audiovoortgangsnummer nu zwart, zodat het altijd duidelijk zichtbaar is, en we hebben het zoeklabel in de zijbalk donkerder gemaakt zodat het aan de vereisten voldoet.
• We hebben ook de tabelinteracties verbeterd, zodat je toegang hebt tot alle kolommen van een tabel, zelfs als je scherm 400% zoomt.

De verbeteringen die we in deze update hebben aangebracht, volgen deze WCAG-criteria: Info and Relationships 1.3.1 (niveau A), 1.4.10 (niveau AA), Non-text Contrast 1.4.11 (niveau AA), Focus Order 2.4.3 (niveau A), Reflow-lokalisatie en focusverbeteringen

Verbeteringen in lokalisatie en focus

14 december 2021

En we zijn terug! Het is bijna een jaar geleden sinds onze laatste update, maar dat betekent niet dat we niet aan toegankelijkheid hebben gewerkt. In feite hebben onze ontwikkelaars achter de schermen gewerkt om de nadruk te leggen op toegankelijkheid van al onze nieuwe en aankomende functies.

In die zin hebben we één nieuwe verbetering en drie nieuwe oplossingen die ons helpen dichter bij ons doel van een inclusieve Rise 360-ervaring te komen.

• Je kunt de videospeler nu in een van de 16 talen lokaliseren. Dit is gebaseerd op de taal die je kiest voor je tekstlabels.
• Op mobiele apparaten waarop VoiceOver is ingeschakeld, kwam de focus op een verborgen item terecht nadat je een quizantwoord had ingediend. Wanneer je nu een antwoord indient, ligt de nadruk op de feedback zoals bedoeld.
• Toen ik met de tab naar de knop Volgende ging, was de markeringskleur niet conform de WCAG. We hebben het gedrag gewijzigd om het consistent te maken met de knop Vorige, die niet van kleur verandert wanneer er met tabbladen naar wordt geklikt.
• We hebben de responsiviteit van quizzen en kenniscontroles op mobiele apparaten verbeterd, zodat ze beter leesbaar zijn.

En we zijn net opgewarmd. Bekijk deze pagina voor meer informatie over onze toegankelijkheidsplannen voor 2022.

De verbeteringen die we in deze update hebben aangebracht, volgen deze WCAG-criteria: Contrast (minimaal) 1.4.3 (niveau AA), focusvolgorde 2.4.3 (niveau A), taal van pagina 3.1.1 (niveau A)

Sectie 508 en verbeterde toegankelijkheid voor gelabelde grafische blokken

28 januari 2021

Sectie 508

Wanneer Amerikaanse agentschappen informatie presenteren en diensten aanbieden, moet wat ze produceren toegankelijk zijn voor personen met een handicap. Om ervoor te zorgen dat ze aan de regels voldoen, houden de agentschappen (en de mensen die inhoud voor hen produceren) zich aan de herziene Sectie 508-normen.

Om het makkelijker te maken voor degenen die met de Amerikaanse overheid werken, hebben we Sectie 508-criteria toegevoegd aan ons Rise 360 toegankelijkheidsrapport.

Gelabelde grafische blokken

Grafische blokken met labels zijn een geweldige manier om je cursussen een visuele flair te geven en cursisten in hun eigen tempo te laten ontdekken. Vooral in combinatie met een witte achtergrond hebben de standaard gelabelde grafische markeringen echter meer contrast nodig om te voldoen aan de toegankelijkheidsrichtlijnen.

Daarom hebben auteurs nu de mogelijkheid om hun markers aan te passen met een handige kleurenkiezer. De kleurenkiezer staat in de instellingen van het gelabelde grafische blok en laat je snel de kleur van al je markers wijzigen door de hex-code in te voeren, de merkkleur te gebruiken of een aangepaste kleur naar keuze te selecteren.

Andere verbeteringen aan het gelabelde grafische blok zijn onder meer:

• Markeringen worden nu door schermlezers gelezen als een geordende lijst.
• Schermlezers kondigen markeringspictogrammen aan als onderdeel van de markering.
• De status van de markering (ongeacht of deze is bekeken) wordt ook door schermlezers aangekondigd.
• Wanneer je een markering opent, ga je nu eerst naar de inhoud in plaats van naar de besturingselementen voor een gebruiksvriendelijkere ervaring.
• Als u een markeringslabel sluit met de ESC-toets, wordt de focus weer op de markering gericht.
• Wanneer u een open markeringslabel verlaat, wordt het automatisch gesloten.
• Nu deze upgrades zijn doorgevoerd, kunnen we nu zeggen dat de gelabelde grafische blokken 100% toegankelijk zijn!

De verbeteringen die we in deze update hebben aangebracht, volgen deze WCAG-criteria: niet-tekstuele inhoud 1.1.1 (niveau A), informatie en relaties 1.3.1 (niveau A), beschrijvende labels 2.4.6.b (niveau AA), naam, rol, waarde 4.1.2.a (niveau A)

Ondersteuning voor schermlezers en onze VPAT ^®!

2 december 2020

In de afgelopen weken hebben we de reacties van schermlezers voor quizzen en kenniscontroles verbeterd. Voor meerkeuzevragen en vragen met meerdere antwoorden is dit duidelijk wanneer cursisten lijstelementen invoeren. Bovendien maakt toetsenbordnavigatie duidelijk wanneer een keuze gericht is. Beoordelingen en onthullingen van antwoorden zijn nu toegankelijk voor schermlezers, en de aankondigingen van feedback zijn intuïtiever. De resultatenpagina van de quiz volgt een logische volgorde met minder afleiding, waardoor cursisten hun resultaten gemakkelijker kunnen begrijpen.

Met deze laatste updates ondersteunen we nu officieel NVDA-, JAWS-, VoiceOver- en TalkBack-schermlezers met Rise 360-cursussen. Ons doel is ervoor te zorgen dat cursisten die afhankelijk zijn van schermlezers een even bevredigende en rijke leerervaring hebben als iedereen bij het volgen van Rise 360-cursussen.

Vandaag hebben we ook een Voluntary Product Accessibility Template ^® (VPAT ^®) uitgebracht waarin de conformiteitscriteria van WCAG Level A en Level AA voor Rise 360 worden beschreven.

Nu onze VPAT ^® is geïnstalleerd, zijn we ervan overtuigd dat Rise 360 nu een toegankelijke leerervaring biedt. Natuurlijk is het voldoen aan de criteria slechts de eerste stap. Onze toegankelijkheidswerkzaamheden zijn aan de gang. In de komende maanden zullen we dieper duiken om nog meer verbeteringen aan te brengen en de uitzonderingen aan te pakken die we in onze VPAT ^® hebben vermeld. We willen ervoor zorgen dat iedereen de best mogelijke Rise 360-ervaring heeft, wat er ook gebeurt.

De verbeteringen die we in deze update hebben aangebracht, volgen deze WCAG-criteria: Info and Relationships 1.3.1 (niveau A), Meaningful Sequence 1.3.2 (niveau A), toetsenbord 2.1.1 (niveau A), focusvolgorde 2.4.3 (niveau A), Focus Visible 2.4.7 (niveau AA), naam, rol, waarde 4.1.2 (niveau A)

Ervoor zorgen dat alternatieve tekst beschikbaar is waar nodig

15 september 2020

Alternatieve tekst (alt-tekst) is een belangrijk element van toegankelijkheid. Met de vele op afbeeldingen gebaseerde blokken in Rise 360 hebben we ervoor gezorgd dat je alt-tekst aan je afbeeldingen kunt toevoegen en dat schermlezers die tekst op elegante wijze aankondigen.

Eerst hebben we onze afbeeldingsblokken doorgenomen en geverifieerd dat alt-tekst maar één keer door schermlezers wordt gelezen. Dit omvat:

• Afbeelding gecentreerd
• Volledige breedte van de afbeelding
• Afbeelding en tekst
• Tekst op afbeelding
• Beeldcarrousel
• Afbeeldingsrasters (kolommen 2, 3 en 4)
• Accordeon
• Tabbladen
• Gelabelde afbeeldingen met grafische markeringen (niet de achtergrondafbeelding)
• Proces
• Tijdlijn
• Kenniscontroles
• Quiz

Als er afbeeldingen in deze blokken staan die geen alt-tekst bevatten, negeren schermlezers de tag en kondigen ze gewoon aan als afbeeldingen of lezen ze de bestandsnaam.

Om het af te ronden, hebben we click-to-zoom-afbeeldingen behandeld. Schermlezers kondigen nu een zoomknop voor afbeeldingen aan. De interface zal niet anders zijn voor slechtziende gebruikers, maar zorgt ervoor dat degenen die schermlezers gebruiken een vergelijkbare ervaring hebben. Wanneer gebruikers op een afbeelding inzoomen, kondigen schermlezers de bijbehorende alt-tekst aan voor context.

De verbeteringen die we in deze update hebben aangebracht, volgen deze WCAG-criteria: Info and Relationships 1.3.1 (niveau A), Meaningful Sequence 1.3.2 (niveau A), parsing 4.1.1 (niveau A), naam, rol, waarde 4.1.2 (niveau A)

Kleurcontrast verbeteren

14 augustus 2020

De meeste mensen denken niet na over kleurcontrast en hoe dit het ontwerp beïnvloedt. Maar het heeft een duidelijk effect op de manier waarop jij en je cursisten Rise 360 benaderen.

Als het contrast tussen elementen te groot is, zoals zwarte selectievakjes op een witte achtergrond, kan het een beetje basic aanvoelen. Omgekeerd, als het contrast te subtiel is, zoals lichtgrijze vakken op een witte achtergrond, wordt het voor slechtziende cursisten moeilijker om de volledige impact van je inhoud te ervaren.

Daarom hebben we het kleurcontrast en de ondoorzichtigheid van de volgende elementen doorgenomen en nauwkeurig onderzocht en aanpassingen gemaakt. Ze zijn toegankelijker en zorgen er tegelijkertijd voor dat je cursisten kunnen genieten van het hoogwaardige ontwerp dat ze van Rise 360 gewend zijn. Dit is wat we hebben gedaan om het contrast in Rise 360 te verbeteren:

• De kleur van het X-pictogram in de zoekbalk donkerder gemaakt
• De standaarddekking van de tekst op afbeeldingsblokken is verhoogd om de leesbaarheid te verbeteren
• Verbeterd het contrast van niet-geselecteerde stappentellers in procesblokken
• Ervoor gezorgd dat de „Click to Flip” -tekst op flashcard-blokken niet lichter lijkt dan wat je kiest in de blokinstellingen
• De kleuren zijn donkerder gemaakt voor verschillende kenniscontrole-elementen, waaronder keuzerondjes, selectievakjes, randen van tekstvelden en randen met slepen en neerzetten
• De randkleur donkerder gemaakt voor de interactieve elementen van sorteeractiviteiten
• De ondoorzichtigheid van de niet-geselecteerde punten is vergroot en de voortgangspijlen voor citaatcarrousels donkerder gemaakt
• De downloadpictogrammen voor het bijlageblok zijn vervangen door meer toegankelijke alternatieven

De verbeteringen die we in deze update hebben aangebracht, volgen deze WCAG-criteria: Contrast (Minimum) 1.4.3, Non-context Contrast 1.4.11 (Niveau AA)

Toegankelijkheid in de zijbalk verbeteren

28 mei 2020

De zijbalk is meer dan alleen een menu. Het toont een lijst met lessen en secties en fungeert ook als een resultatenvak wanneer u de zoekbalk gebruikt. We wilden het nog gemakkelijker maken om toegang te krijgen tot de informatie in de zijbalk met alleen het toetsenbord of een schermlezer.

Navigatie met toetsenbord

Wanneer u de Tab-knop gebruikt om te navigeren, zou u alleen moeten kunnen communiceren met de elementen die op het scherm worden weergegeven. We hebben ervoor gezorgd dat je niet op Tab kunt drukken om de lessen te openen die verborgen zijn onder samengevouwen sectiekoppen in de zijbalk.

Ook als de zijbalk zelf volledig verborgen is door de cursusmaker, hebben we vastgesteld dat je nog steeds met de tab naar het zoekveld kunt gaan. Dat is niet alleen niet in overeenstemming met de toegankelijkheid, maar het kan ook de intentie van de maker omzeilen. We hebben dit gewijzigd en nu heb je geen toegang meer tot het zoekveld als de zijbalk verborgen is.

Over beperkte cursusnavigatie gesproken: als de cursist een quiz moet afleggen om door te gaan met een cursus, zijn er verschillende visuele aanwijzingen, waaronder een pop-uptooltip. Die tooltips worden nu weergegeven wanneer een gebruiker met de tab naar een les gaat waar hij nog geen toegang toe heeft.

De verbeteringen die we in deze update hebben aangebracht, volgen deze WCAG-criteria: inhoud op Zweven 1.4.13 (niveau AA), toetsenbord 2.1.1 (niveau A), focusvolgorde 2.4.3 (niveau A), naam, rol, waarde 4.1.2 (niveau A)

Ondersteuning voor schermlezers

Omdat de zijbalk zoveel doet, wilden we ervoor zorgen dat schermlezers elke sectie correct aankondigden. We hebben elk afzonderlijk gedeelte van de zijbalk gelabeld met zijn ware functie, in plaats van dat het hele element als een „menu” wordt aangekondigd.

Zoekveld

Zoeken in de zijbalk had extra aanpassingen nodig om het beter te laten werken met schermlezers. Dit was lastig. We nemen tenslotte een deel van de interface die je gewoonlijk gebruikt om te navigeren en zetten die om in iets heel anders: een zoekveld en een resultatenlijst. Schermlezers geven nu aan of de zijbalk zoekresultaten of het cursusoverzicht weergeeft.

We hebben ook de pictogrammen herwerkt. De X waarmee het zoekveld wordt afgesloten, werd simpelweg aangekondigd als „X”, dus hebben we het meer context gegeven. Nu kondigen schermlezers die knop aan als „Zoekformulier sluiten”. Veel beschrijvender! We hebben ook het vergrootglaspictogram verborgen voor schermlezers omdat het puur decoratief is.

De verbeteringen die we in deze update hebben aangebracht, volgen deze WCAG-criteria: Non-text Content 1.1.1 (Level A), Identify Purpose 1.3.6 (Level AAA)

Voortgangsindicator

Terwijl je door een les in Rise bladert, gebeurt er één ding in de periferie: de „voortgangstaart” wordt in de zijbalk vol als je klaar bent. Voor quizlessen kun je een blik werpen op de zijbalk en zien of je geslaagd of niet geslaagd bent op basis van hun pictogrammen. Het zijn mooie visuele herinneringen wanneer je terugkeert naar een cursus over hoe ver je bent en hoe het met je gaat.

Schermlezers maken nu de titel van de les en de huidige geregistreerde voortgang in procenten bekend. Als het een quizles betreft, meldt de schermlezer of je eerder geslaagd of niet geslaagd bent voor die quiz.

En om onze inspanningen op het gebied van labelen in de zijbalk te ondersteunen, worden al deze lessen nu weergegeven als knoppen met de nodige ingedrukte en niet-ingedrukte statussen.

De verbeteringen die we in deze update hebben aangebracht, volgen deze WCAG-criteria: Non-text Content 1.1.1 (Level A), Identify Purpose 1.3.6 (Level AAA)

Bediening in de zijbalk

Leerlingen kunnen de zijbalk samenvouwen en uitbreiden met behulp van het menupictogram (☰) in de linkerbovenhoek van de lesinhoud. En nu kondigen schermlezers de functie van het pictogram aan, zodat cursisten met een visuele beperking weten wat het doet: „Zijbalk van de les openen/sluiten”.

De verbeteringen die we in deze update hebben aangebracht, volgen deze WCAG-criteria: Identify Purpose 1.3.6 (Level AAA), Name, Role, Value 4.1.2 (Level A)