Cisco x Yell IT Co-branded Case Study

Nalevingsstatus

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

Daartoe streven wij 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 groot aantal handicaps. Naleving van deze richtsnoeren helpt ons ervoor te zorgen dat de website toegankelijk is voor alle mensen: blinden, mensen met motorische en visuele handicaps, cognitieve handicaps en meer.

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

Bovendien maakt de website gebruik van een op AI gebaseerde toepassing die op de achtergrond draait en het toegankelijkheidsniveau voortdurend optimaliseert. Deze toepassing verbetert de HTML van de website, past de functionaliteit en het gedrag aan voor screenreaders gebruikt door blinde gebruikers, en voor toetsenbordfuncties gebruikt door personen 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 genieten. Zodra een gebruiker met een screen-reader uw site binnenkomt, krijgt hij onmiddellijk een vraag om het Screen-Reader Profile in te voeren, zodat ze uw site effectief kunnen bekijken en bedienen. Hier ziet u hoe onze website enkele van de belangrijkste screen-reader vereisten afdekt, samen met schermafbeeldingen van codevoorbeelden:

1. Optimalisatie voor schermlezers: we draaien een achtergrondproces dat de onderdelen van de website van boven tot onder leert kennen, om ervoor te zorgen dat ook bij het updaten van de website voortdurend aan de eisen wordt voldaan. In dit proces voorzien we schermlezers van zinvolle gegevens met behulp van de ARIA-attributen. We voorzien bijvoorbeeld nauwkeurige formulierlabels; beschrijvingen voor bruikbare pictogrammen (pictogrammen voor sociale media, zoekpictogrammen, winkelwagenpictogrammen, enz.); validatiebegeleiding voor formulierinvoer; elementrollen zoals knoppen, menu's, modale dialogen (pop-ups), en andere. Bovendien scant het achtergrondproces alle afbeeldingen van de website en levert een nauwkeurige en zinvolle beschrijving op basis van beeldherkenning als ALT-tag (alternatieve tekst) voor afbeeldingen die niet worden beschreven. voor afbeeldingen die niet zijn beschreven. Het zal ook teksten extraheren die in de afbeelding zijn ingebed, met behulp van een 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 betreden.

   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