Grafisch ontwerp trends 2022

Nalevingsstatus

Wij zijn ervan overtuigd dat het internet beschikbaar en toegankelijk moet zijn voor iedereen en streven ernaar een website te bieden die toegankelijk is voor een zo breed mogelijk publiek, ongeacht de omstandigheden en mogelijkheden.

Om hieraan te voldoen, streven we ernaar ons zo strikt mogelijk te houden aan de Web Content Accessibility Guidelines 2.1 (WCAG 2.1) van het World Wide Web Consortium (W3C) op AA-niveau. In deze richtlijnen wordt uitgelegd hoe we webinhoud toegankelijk kunnen maken voor mensen met een breed scala aan handicaps. Door te voldoen aan deze richtlijnen kunnen we ervoor zorgen dat de website toegankelijk is is voor alle mensen: blinden, mensen met motorische beperkingen, visuele beperkingen, cognitieve beperkingen en meer.

Deze website maakt gebruik van verschillende technologieën die bedoeld zijn om de website te allen tijde zo toegankelijk mogelijk te maken. We maken gebruik van een toegankelijkheidsinterface waarmee personen met specifieke beperkingen de UI (gebruikersinterface) van de website kunnen aanpassen aan hun persoonlijke behoeften.

Daarnaast maakt de website gebruik van een AI-gebaseerde toepassing die op de achtergrond draait en het toegankelijkheidsniveau voortdurend optimaliseert. Deze toepassing past de HTML van de website aan, past de functionaliteit en het gedrag aan voor screenreaders die worden gebruikt door blinde gebruikers en voor toetsenbordfuncties die worden gebruikt door mensen met motorische beperkingen.

Als je een storing hebt gevonden of ideeën hebt voor verbetering, dan horen we dat graag van je. U kunt de beheerders van de website bereiken via het volgende e-mailadres

Navigatie met schermlezer en toetsenbord

Onze website implementeert de ARIA-attributen (Accessible Rich Internet Applications) techniek, naast verschillende gedragswijzigingen, om ervoor te zorgen dat blinde gebruikers die de website bezoeken met screenreaders de functies van de website kunnen lezen, begrijpen en gebruiken. Zodra een gebruiker met een schermlezer uw site binnenkomt, krijgt hij onmiddellijk een vraag om het Screen-Reader Profile in te voeren, zodat ze effectief op uw site kunnen browsen en werken. Hier ziet u hoe onze website een aantal van de belangrijkste vereisten voor schermlezers dekt, samen met schermafbeeldingen van codevoorbeelden:

1. Optimalisatie voor schermlezers: we voeren een achtergrondproces uit dat de onderdelen van de website van boven tot onder leert kennen, om ervoor te zorgen dat de website altijd voldoet aan de eisen, zelfs wanneer deze wordt bijgewerkt. In dit proces voorzien we schermlezers van betekenisvolle gegevens met behulp van de ARIA-attributen. We bieden bijvoorbeeld nauwkeurige labels voor formulieren; beschrijvingen voor bruikbare pictogrammen (pictogrammen voor sociale media, pictogrammen voor zoeken, pictogrammen voor winkelwagentje, etc.); validatiebegeleiding voor formulierinvoer; elementrollen zoals knoppen, menu's, modale dialogen (pop-ups), en andere. Daarnaast scant het achtergrondproces alle afbeeldingen op de website en levert het een nauwkeurige en zinvolle beschrijving op basis van beeldobjectherkenning als ALT-tag (alternatieve tekst) voor afbeeldingen die niet worden beschreven. voor afbeeldingen die niet worden beschreven. Het haalt ook teksten uit de afbeeldingen met behulp van OCR-technologie (optische tekenherkenning). Om aanpassingen voor schermlezers op elk moment in te schakelen, hoeven gebruikers alleen maar op de toetsencombinatie Alt+1 te drukken. Gebruikers van schermlezers krijgen ook automatische aankondigingen om de modus voor schermlezers in te schakelen zodra ze de website openen.

   Deze aanpassingen zijn compatibel met alle populaire schermlezers, waaronder JAWS en NVDA.

2. Optimalisatie van de toetsenbordnavigatie: Het achtergrondproces past ook de HTML van de website aan en voegt verschillende gedragingen toe met behulp van JavaScript-code om de website bedienbaar te maken via het toetsenbord. Dit omvat de mogelijkheid om door de website te navigeren met de Tab- en Shift+Tab-toetsen, dropdowns te bedienen met de pijltoetsen, ze te sluiten met Esc, knoppen en links te activeren met de Enter-toets, te navigeren tussen radio- en checkbox-elementen met de pijltoetsen, en ze in te vullen met de Spatiebalk of Enter-toets.Bovendien vinden toetsenbordgebruikers snelnavigatie- en content-skip-menu's, op elk moment beschikbaar door te klikken op Alt+1, of als de eerste elementen van de site tijdens het navigeren met het toetsenbord. Het achtergrondproces handelt ook getriggerde popups af door de toetsenbordfocus erheen te verplaatsen zodra ze verschijnen, en de focus er niet buiten te laten drijven.

   Gebruikers kunnen ook snelkoppelingen gebruiken zoals "M" (menu's), "H" (koppen), "F" (formulieren), "B" (knoppen) en "G" (afbeeldingen) om naar specifieke elementen te springen.

Gehandicaptenprofielen ondersteund in onze website

• Epilepsie Safe Mode: met dit profiel kunnen mensen met epilepsie de website veilig gebruiken door het risico van aanvallen als gevolg van knipperende animaties en riskante kleurencombinaties uit te sluiten.
• Visueel gehandicapten modus: deze modus past de website aan voor het gemak van gebruikers met visuele beperkingen zoals verminderd gezichtsvermogen, tunnelvisie, staar, glaucoom en andere.
• Cognitieve handicapmodus: deze modus biedt verschillende ondersteunende opties om gebruikers met cognitieve beperkingen, zoals dyslexie, autisme, CVA en andere, te helpen zich gemakkelijker te concentreren op de essentiële elementen van de website.
• ADHD-vriendelijke modus: deze modus helpt gebruikers met ADHD en neurologische ontwikkelingsstoornissen gemakkelijker te lezen, te bladeren en zich te concentreren op de belangrijkste website-elementen, terwijl afleiding aanzienlijk wordt verminderd.
• Blindheidsmodus: in deze modus wordt de website geconfigureerd om compatibel te zijn met screenreaders zoals JAWS, NVDA, VoiceOver en TalkBack. Een screenreader is software voor blinde gebruikers die geïnstalleerd is op een computer en smartphone, en websites moeten daarmee compatibel zijn.
• Keyboard Navigation Profile (Motor-Impaired): met dit profiel kunnen motorisch gehandicapten de website bedienen met de toetsen Tab, Shift+Tab en Enter. Gebruikers kunnen ook snelkoppelingen gebruiken zoals "M" (menu's), "H" (koppen), "F" (formulieren), "B" (knoppen) en "G" (afbeeldingen) om naar specifieke elementen te springen.

Aanvullende aanpassingen aan UI, ontwerp en leesbaarheid

1. Lettertype aanpassingen - gebruikers kunnen de grootte vergroten en verkleinen, de familie (type) veranderen, de spatiëring, uitlijning, regelhoogte en meer aanpassen.
2. Kleuraanpassingen - gebruikers kunnen verschillende kleurcontrastprofielen selecteren, zoals licht, donker, omgekeerd en monochroom. Bovendien kunnen gebruikers kleurenschema's van titels, teksten en achtergronden verwisselen, met meer dan 7 verschillende kleuropties.
3. Animaties - gebruikers met epilepsie kunnen alle lopende animaties stoppen met een druk op de knop. De door de interface gecontroleerde animaties omvatten video's, GIF's en CSS knipperende overgangen.
4. Inhoud markeren - gebruikers kunnen kiezen om belangrijke elementen zoals links en titels te benadrukken. Ze kunnen er ook voor kiezen om alleen gefocuste of zwevende elementen te benadrukken.
5. Audio muting - gebruikers met gehoorapparaten kunnen hoofdpijn of andere problemen ondervinden door het automatisch afspelen van audio. Met deze optie kunnen gebruikers de hele website onmiddellijk uitschakelen.
6. Cognitieve stoornissen - we gebruiken een zoekmachine die gekoppeld is aan Wikipedia en Wiktionary, zodat mensen met cognitieve stoornissen de betekenis van zinnen, initialen, jargon en andere kunnen ontcijferen.
7. Extra functies - wij bieden gebruikers de mogelijkheid om de kleur en de grootte van de cursor te veranderen, een afdrukmodus te gebruiken, een virtueel toetsenbord in te schakelen, en vele andere functies.

Compatibiliteit met browsers en hulptechnologieën

Wij streven ernaar een zo breed mogelijk scala aan browsers en hulptechnologieën te ondersteunen, zodat onze gebruikers de voor hen best passende hulpmiddelen kunnen kiezen, met zo min mogelijk beperkingen. Daarom hebben we hard gewerkt om alle belangrijke systemen te kunnen ondersteunen die meer dan 95% van het marktaandeel van gebruikers uitmaken, waaronder Google Chrome, Mozilla Firefox, Apple Safari, Opera en Microsoft Edge, JAWS en NVDA (schermlezers), zowel voor Windows- als voor MAC-gebruikers.

Opmerkingen, commentaar en feedback

Ondanks onze uiterste inspanningen om iedereen in staat te stellen de website aan zijn of haar behoeften aan te passen, kunnen er nog steeds pagina's of onderdelen zijn die niet volledig toegankelijk zijn, die bezig zijn toegankelijk te worden, of waarvoor een adequate technologische oplossing ontbreekt om ze toegankelijk te maken. Toch zijn wij voortdurend bezig met het verbeteren van onze toegankelijkheid, het toevoegen, bijwerken en verbeteren van opties en functies, en het ontwikkelen en invoeren van nieuwe technologieën. Dit alles is bedoeld om het optimale niveau van toegankelijkheid te bereiken, volgens de technologische vooruitgang. Voor hulp kunt u contact opnemen met