Nieuwe Pictogrammen
We werken voortdurend aan het verbeteren van de gebruikerservaring. Zo hebben wij ons het afgelopen jaar gericht op het verbeteren van de toegankelijkheid en het ontwerp van pictogrammen op het hele platform. Als onderdeel hiervan verhogen we het contrast van onze pictogrammen en maken we ze consistenter, moderner en betekenisvoller.
Sommige pictogrammen ondersteunen de richtlijnen voor best practices voor 'hoog contrast' en deze moeten worden gewijzigd. We maken van de gelegenheid gebruik om alle pictogrammen te verbeteren en betekenisvoller te maken.
Wat gebeurt er allemaal?
We zijn alle pictogrammen op het platform aan het bijwerken. Hieronder kun je een van de secties vergelijken die we hebben bijgewerkt.
Schermafbeelding van oude pictogrammen in Instellingen - Vakinstellingen beheren.
Schermafbeelding van nieuwe pictogrammen in Instellingen - Vakinstellingen beheren.
Opmerking: we veranderen niets aan de lay-out, titels, workflow of functionaliteit. Deze wijziging is alleen bedoeld om meer consistente en toegankelijke pictogrammen te leveren.
Voordelen van de verandering
Pictogrammen met hoger contrasts – Toegankelijkheid voor alle gebruikers verbeteren.
Een moderner ontwerp – De algehele gebruikerservaring en visuele consistentie verbeteren.
Deze veranderingen maken itslearning gebruiksvriendelijker en visueel aantrekkelijker voor iedereen.
Opmerking: we zullen geen pictogrammen wijzigen die externe providers vertegenwoordigen, bijv. Microsoft.
Meer informatie over onze icoontjes
Kleurcontrast wordt bepaald door de lichtheid (luminantie) van de kleuren in plaats van hun tint. Dit betekent dat de binnenvorm en de achtergrond een vergelijkbare tint kunnen hebben (bijv. rood, groen of blauw) zolang de contrastverhouding voldoet aan de WCAG-normen—een minimum van 3:1 voor niet-tekstelementen (Succes Criterium 1.4.11: Niet-tekstcontrast).
Voorbeelden en naleving
Hieronder staan voorbeelden van nieuwe pictogrammen, samen met de contrastverhoudingen van hun betekenisvolle vormen op basis van relatieve luminantie. Alle combinaties voldoen aan de WCAG-vereisten.
Voorbeelden van nieuwe pictogrammen en het kleurcontrast van betekenisvolle vormen dat is gebaseerd op de relatieve helderheid (in tekst boven de pictogrammen). Alle combinaties voldoen aan de WCAG vereisten.
Kleurdimensies begrijpen
Kleuren worden gedefinieerd door Lichtheid, Tint en Verzadiging, maar voor toegankelijkheid is Lichtheid de meest cruciale factor om te zorgen voor voldoende contrast en zichtbaarheid.
Dimensies kleuren worden gespecificeerd door: Lichtheid, Tint en Verzadiging. In de context van toegankelijkheid is Lichtheid de belangrijkste.
Sommige pictogrammen in dit artikel kunnen worden gewijzigd.