Stijlgidsen gebruiken voor toegankelijkheid

Laten we beginnen met een paar vragen te stellen.

Wat is een stijlgids?

Een stijlgids is een ontwerpdocument dat kan worden gebruikt om een ​​reeks normen vast te stellen bij het samenstellen van onderpand of gebruikersinterfaces voor een bedrijf - eigenlijk elk product of artefact dat voor het bedrijf wordt geproduceerd. 

Wie gebruikt een stijlgids?

Er kan een stijlgids voor een ontwikkelaar worden gemaakt, zodat deze de details weet over wat te bouwen, of een ontwerper, zodat ze ontwerpoverwegingen en het grotere geheel begrijpen. Het kan ook breder worden gebruikt in een organisatie om begeleiding en duidelijkheid te bieden bij het maken van nieuwe documenten. 

Wat is toegankelijkheid?

Toegankelijkheid is ervoor zorgen dat uw ontwerpen een gedeelde standaard volgen en toegankelijk zijn voor een breed scala aan mensen, zoals mensen met fysieke of cognitieve beperkingen.

Waarom een ​​stijlgids gebruiken voor toegankelijkheid?

Een stijlgids is een geweldige manier om zelf consistentie door uw ontwerpen af ​​te dwingen. Het zorgt ervoor dat je een solide basis hebt om mee te werken. Wanneer we het hebben over stijlgidsen denken we normaal aan logo-integriteit, typografie, kleur. Maar hoe zit het met toegankelijkheid? Beschouw de volgende gevallen voor het gebruik van een gids voor toegankelijkheidsstijlen:

1. Om richting in te stellen

Een stijlgids geeft richting. Bijvoorbeeld, in plaats van een pixel perfecte mock-up te moeten samenstellen telkens wanneer u een formulier ontwerpt, geeft een ontwikkelaar er misschien de voorkeur aan te verwijzen naar een toegankelijkheidsgids om te beslissen hoe deze moet worden gebouwd. Bij het instellen van toegankelijkheidsrichtlijnen kunt u instructies opnemen over welke typen formuliercontrole u moet gebruiken en wanneer. 

2. SEO

SEO is nog een reden waarom ontwerpers op de hoogte moeten zijn van toegankelijkheid. Als u bijvoorbeeld tekst in een afbeelding plaatst, kunnen schermlezers er geen toegang toe krijgen en zal Google uw website bestraffen vanwege slecht gemarkeerde inhoud. Het toegankelijk maken van uw website heeft de toegevoegde positieve uitkomst van het helpen van SEO.

3. Gebruikerservaring

Toegankelijkheid is een groot deel van UX; immers, niet iedereen zal een product op dezelfde manier ervaren. Contrasterende kleuren kunnen een gebruiker door een bedoelde stroom leiden, maar iemand die deze contrasterende kleuren niet kan onderscheiden, kan de ervaring niet intuïtief vinden. Anticiperen op gebruiksbeperkingen en plannen voor hen in een gids met toegankelijkheidsstijlen is een goede gewoonte. 

4. Hand Off

Handoff is een perfect voorbeeld van wanneer u een toegankelijkheidsstijlgids zou willen gebruiken. Misschien werkt u op contractbasis en wilt u dingen koppelen voor de volgende aannemer of instantie die binnenkomt om het over te nemen waar u was gebleven. Geef de volgende rij werknemers enig inzicht in uw denken vanuit het perspectief van toegankelijkheid. 

Begin met de basis

vormen

Formulieren hebben een aantal heuristieken of vuistregels in verband met toegankelijkheid. Hoe een formulier is opgebouwd, is erg belangrijk. Wanneer was de laatste keer dat u een element met een

? Opmaakdetails zoals deze zijn erg handig voor hulptechnologieën.

Visueel gezien zou u de nabijheid van labels als input kunnen beschouwen. Een ander voorbeeld is uitlijning en hoe ze op mobiel worden weergegeven. 

Tik op Doel

Aanraking doelgrootte is erg belangrijk. Op mobiele apparaten en tablets moet de gebruiker de optimale hoeveelheid ruimte hebben om een ​​knopelement te selecteren. Als het te klein is, zullen ze waarschijnlijk denken dat het systeem achterblijft of dat de link mogelijk niet werkt! Idealiter zou je een doelwit ongeveer 44 punten hoog en breed willen hebben, zodat ze nauwkeurig kunnen worden afgelikt met een vinger. 

 Kleurcontrast

Is er genoeg kleurcontrast op elementen op uw pagina? Is tekst leesbaar tegen bepaalde foto's? Dit is belangrijk om te overwegen omdat veel mensen een verminderd gezichtsvermogen hebben of op de een of andere manier kleurenblind zijn. 

Lettergrootte

Kleine tekst is een ander veel voorkomend probleem, vooral voor ouderen. Ontwikkelaars moeten UI's opmaken voor flexibiliteit, zodat gebruikers die moeite hebben met het lezen van tekst, kunnen in- en uitzoomen. Als u ontwerpt voor een app, wilt u een lay-out maken die past bij het scherm van het apparaat. Gebruikers moeten alle bedieningselementen vermijden waar de gebruiker moet inzoomen of horizontaal scrollen. 

 Verder moet de tekstgrootte minimaal 11 punten zijn, zodat deze leesbaar is. Idealiter wilt u dat de gemiddelde gebruiker niet hoeft in te zoomen en uit te zoomen om de inhoud te lezen.

Sierlijke degradatie

Sierlijke degradatie verwijst naar hoe effectief uw product werkt wanneer iemand een langzamere verbinding heeft, een andere schermgrootte, een andere resolutie, een andere browser of zelfs beperkingen op hun browser. Als u zich bewust bent van deze beperkingen en beperkingen, kan uw organisatie bepalen of doelgroepen nog steeds toegang hebben tot uw inhoud met een van deze opgelegde beperkingen. De meeste mislukkingen zijn geen schokkende verrassingen. Het zijn voorspelbare gebeurtenissen die u kunt plannen, in plaats van ze weg te willen laten als zeldzame onvoorspelbare ongelukken. 

Maak het relevant

Als u een evaluatie van de bruikbaarheid uitvoert, kunt u gebruiken wat u hebt waargenomen; toegankelijkheidsproblemen in uw hele systeem kunnen helpen bij het schetsen van toegankelijkheidsregels in uw stijlgids. Als u bijvoorbeeld teststatistieken zoals kritieke fouten hebt gebruikt en ontdekt dat ze optreden vanwege kleurcontrasten, problemen met de sortering of andere toegankelijkheidsproblemen, neemt u deze op in uw gids voor toegankelijkheidsstijlen. Zeer relevante voorbeelden hebben meer kans om uw document meer geloofwaardigheid te geven en in te kopen bij belanghebbenden.

Conclusie en afhaalrestaurants

Stijlgidsen zijn gemeengoed. Stijlgidsen voor toegankelijkheid zijn niet zo gebruikelijk, maar mogen niet over het hoofd worden gezien. In sommige gevallen kunnen ze zelfs kritiek zijn. Ze zijn echter ook gunstig bij het nadenken over de algemene gebruikerservaring. Kleurcontrast, aanraakdoelgrootte en formulierelementen kunnen problemen veroorzaken als ze niet goed worden uitgevoerd. 

  • Denk eerst aan de essentie. Neem alleen relevante informatie op in uw gids voor toegankelijkheidsstijlen.
  • Ga er niet vanuit dat iets gezond verstand is. Je neemt de kennis die je in de loop der jaren hebt opgebouwd voor lief. Wees niet bang om dingen te schetsen die je als gegeven zou kunnen nemen.
  • Vorm volgt functie. Als uw ontwerpstijlgids botst met uw toegankelijkheidsstijlengids, is het misschien tijd om terug te gaan en beide te proberen uit te lijnen (zie het bovenstaande kleurcontrastvoorbeeld).
  • Begin met problemen die u al hebt geïdentificeerd in uw heuristische evaluaties. Wat zijn enkele bruikbaarheidsproblemen die u bent tegengekomen? Met name de vaak voorkomende problemen en die met hoge ernstbeoordelingen?

Verder lezen

  • A11Y Stijlgids
  • Stijlgids voor MailChimp-inhoud: schrijven voor toegankelijkheid
  • edx / ux-pattern-library Styleguide: toegankelijkheid