Toetsenbordnavigatie
Ondersteuning voor toetsenbordnavigatie is een fundamenteel aspect van websitetoegankelijkheid. Het zorgt ervoor dat gebruikers die geen muis kunnen gebruiken, zoals mensen met een motorische beperking, een visuele beperking of een tijdelijke blessure, toch kunnen navigeren en interacteren met een website.
Elk interactief element, inclusief links, knoppenen formuliervelden, moet bereikbaar zijn via de Tab-toets, met een logische tabvolgorde en zichtbare focusindicatoren om aan te geven welk element op dat moment is geselecteerd.
Websites gebouwd met de nieuwste versie van Blocs, ondersteunt de volgende toetsenbordnavigatiebedieningen wanneer bekeken in een webbrowser.
Escape-toets
- Sluit dropdown.
- Sluit het venster.
- Sluit de lichtbak.
- Sluit het volledige schermmenu.
Linker- en rechterpijltjestoetsen
- Navigeer door Light Box (vooruit en achteruit).
- Navigeer door tabbladen (vooruit en achteruit).
Return-toets
- Klik op de geselecteerde knop of link.
- Geselecteerd menu/dropdown openen.
Spatietoets
- Klik op de geselecteerde knop.
- Geselecteerd menu/dropdown openen.
- Selectievakje selecteren (aan/uit)
- Radioselectie in-/uitschakelen (een optie selecteren).
Tab toets
- Verplaats selectie naar voren.
Shift + Tab-toets
- Verplaats selectie naar achteren.
In Safari moet de ondersteuning voor tabbladnavigatie handmatig worden ingeschakeld. U kunt dit doen via Instellingen > Geavanceerd > Toegankelijkheid.
Focusindicatoren
Bij het navigeren door een website met behulp van een toetsenbord is het essentieel dat de focusindicatoren duidelijk zichtbaar zijn, zodat gebruikers gemakkelijk kunnen zien welk element op dat moment is geselecteerd. Blocs bevat een ingebouwde Toegankelijkheidsverbetering functie die, wanneer ingeschakeld, de zichtbaarheid van link en focusstatussen. Deze verbetering maakt het voor toetsenbordgebruikers gemakkelijker om efficiënt door uw site te navigeren en zorgt voor een toegankelijkere ervaring voor gebruikers die afhankelijk zijn van toetsenbordinvoer.
Toegankelijkheidslabels
Het gebruik van toegankelijkheidslabels op een website is cruciaal om te voldoen aan de WCAG (Web Content Accessibility Guidelines) en ervoor te zorgen dat uw content toegankelijk is voor alle gebruikers, inclusief gebruikers die afhankelijk zijn van ondersteunende technologieën zoals schermlezers. Een belangrijk element is het gebruik van beschrijvende alt tags op afbeeldingen, die zinvolle context bieden voor gebruikers die geen visuele inhoud kunnen zien. In BlocsHet instellen van de alt-tekst van een afbeelding is eenvoudig. Gebruik hiervoor het betreffende tekstveld in de zijbalkinspector wanneer een afbeelding is geselecteerd op het ontwerpcanvas.
Als u het alt-veld leeg laat, Blocs genereert automatisch een schone, leesbare versie op basis van de bestandsnaam van de afbeelding. Zo blijven de toegankelijkheidsnormen behouden wanneer u uw site exporteert of publiceert.
Bovendien aria-label en aria-gelabeld door Met kenmerken kunnen elementen die geen zichtbare tekst hebben, zoals pictogrammen of knoppen, worden gelabeld. Zo kunnen schermlezers hun functie duidelijk communiceren.
Bij het bouwen van een website met BlocsU kunt deze toegankelijkheidskenmerken handmatig toevoegen met behulp van Aangepaste gegevenskenmerken, waardoor u volledige controle hebt over hoe ondersteunende technologieën uw inhoud interpreteren en aankondigen.
Kleurcontrast
Bij het bouwen van een webpagina is het belangrijk om rekening te houden met kleurcontrast en kleurenblindheid Zorg ervoor dat uw content toegankelijk is voor alle gebruikers. Voldoende contrast tussen tekst- en achtergrondkleuren is essentieel voor de leesbaarheid, vooral voor mensen met een visuele beperking of een kleurenblindheid. Blocs inclusief inbouw filters voor simulatie van visuele beperkingen Hiermee kunt u uw website bekijken vanuit het perspectief van verschillende visuele omstandigheden. Dit maakt het gemakkelijk om problematische kleurencombinaties te identificeren en aan te passen, wat u helpt een inclusievere en toegankelijkere website te ontwerpen.
Structuur
Het gebruik van semantische HTML-tags, zoals hoofd, hoofd-, sectie, naven footer, is een belangrijke overweging bij het bouwen van toegankelijke websites. Deze tags geven structuur en betekenis aan je content, waardoor ondersteunende technologieën zoals schermlezers de pagina-indeling kunnen interpreteren en er effectiever doorheen kunnen navigeren.
In BlocsU kunt semantische containertags toewijzen aan elke sectie van uw site met behulp van de containertag opties. Dit verbetert niet alleen de toegankelijkheid, maar zorgt er ook voor dat uw website overzichtelijk blijft en de SEO kan verbeteren.