Bruke stilguider for tilgjengelighet

La oss begynne med å stille noen få spørsmål.

Hva er en stilguide?

En stilguide er et designdokument som kan brukes til å etablere et sett av standarder når du legger sammen sikkerhets- eller brukergrensesnitt for en bedrift, i utgangspunktet ethvert produkt eller artefakt som er produsert for virksomheten. 

Hvem bruker en stilguide?

En stilguide kan opprettes for en utvikler, slik at de vet detaljene om hva de skal bygge, eller en designer slik at de forstår designhensyn og det større bildet. Det kan også brukes mer bredt over en organisasjon for å gi veiledning og klarhet når du oppretter nye dokumenter. 

Hva er tilgjengeligheten?

Tilgjengelighet er å sikre at designene dine følger en felles standard og er tilgjengelig for et mangfoldig utvalg av mennesker, for eksempel personer med fysisk eller kognitiv funksjonshemming.

Hvorfor bruke en stilguide for tilgjengelighet?

En stilguide er en fin måte å selvstyre konsistens gjennom designene dine. Det sørger for at du har et solid fundament for å jobbe med. Når vi snakker om stilguider, tenker vi vanligvis på logotype integritet, typografi, farge. Men hva med tilgjengelighet? Vurder følgende tilfeller for å bruke en veiledning for tilgjengelighetstilstand:

1. For å angi retning

En stilguide gir retning. For eksempel, i stedet for å sette sammen en perfekt pikselopplevelse hver gang du designer et skjema, kan en utvikler foretrekke å referere til en tilgjengelighetsveiledning for å bestemme hvordan man skal bygge den. Når du angir tilgjengelighetsretningslinjer, kan du inkludere instruksjoner om hvilke typer skjemakontroll som skal brukes og når. 

2. SEO

SEO er en annen grunn til at designere må være oppmerksomme på tilgjengelighet. For eksempel plasserer tekst i et bilde at skjermlesere ikke vil kunne få tilgang til det, og Google vil straffe nettstedet ditt for å ha dårlig merket innhold. Å gjøre nettstedet ditt tilgjengelig har det positive resultatet av å hjelpe SEO.

3. Brukeropplevelse

Tilgang er en stor del av UX; Tross alt vil ikke alle oppleve et produkt på samme måte. Kontrastfarger kan lede en bruker gjennom en bestemt strøm, men noen som ikke klarer å skille de kontrastfargene, kan oppleve uopplevelsen. Å forutse brukbarhetsbelastninger og planlegging for dem i en veiledning for tilgjengelighetsstil er god praksis. 

4. Hånd av

Hand off er et perfekt eksempel på når du vil se på å bruke en tilgjengelighetsstilguide. Du kan jobbe på kontraktbasis og ønsker å knytte opp ting til neste entreprenør eller byrå som kommer inn for å ta over hvor du sluttet. Gi neste linje med arbeidere litt innsikt i tenkningen din i forhold til tilgjengelighet. 

Begynn med det grunnleggende

skjemaer

Skjemaer har en rekke heuristics eller tommelfingerregler knyttet til tilgjengelighet. Hvordan et skjema er bygget er svært viktig. Når var siste gang du inkluderte en element med a

? Markup detaljer som dette er veldig hjelpsomme for hjelpende teknologier.

Visuelt sett kan du vurdere nærheten til etiketter for å danne innganger. Et annet eksempel kan justering og hvordan de gjøres på mobil. 

Trykk på Target

Touch målstørrelse er svært viktig. På mobil- og nettbrett-enheter skal brukeren ha den optimale mengden plass for å velge et knappelement. Hvis det er for lite, er det sannsynlig at de tror at systemet sanker eller at linken kanskje ikke fungerer! Ideelt sett vil du ha et mål å være ca 44 poeng høyt og bredt, slik at de kan tappes nøyaktig med en finger. 

 Fargekontrast

Er det nok fargekontrast på elementer på siden din? Er tekst leselig mot enkelte bilder? Dette er viktig å vurdere som mange mennesker har nedsatt syn, eller er fargeblind på en eller annen måte. 

Tekststørrelse

Liten tekst er et annet vanlig problem, spesielt for eldre. Utviklere trenger å utforme brukergrensesnitt for fleksibilitet, slik at brukere som har problemer med å lese tekst, kan zoome inn og ut. Hvis du designer for en app, vil du opprette et oppsett som passer på skjermen på enheten. Brukere bør unngå kontroller der brukeren må zoome eller rulle horisontalt. 

 Videre bør tekststørrelsen være minst 11 poeng, slik at den er lesbar. Ideelt sett vil du ha den gjennomsnittlige brukeren for å unngå å trenge zoom inn og ut for å lese innholdet.

Grasiøs nedbrytning

Grasiøs nedbrytning refererer til hvor effektivt produktet ditt fungerer når noen har en langsommere tilkobling, forskjellig skjermstørrelse, annen oppløsning, en annen nettleser, eller til og med begrensninger på nettleseren. Bevissthet om disse begrensningene og begrensningene kan hjelpe din organisasjon å avgjøre om publikum fortsatt kan få tilgang til innholdet ditt med noen av disse pålagte begrensninger. De fleste feil er ikke sjokkerende overraskelser. De er forutsigbare hendelser som du kan planlegge for, i stedet for å ønske dem bort som sjeldne uforutsigbare ulykker. 

Gjør det Relevant

Hvis du utfører en bruksvurdering, kan du bruke det du har observert; tilgjengelighetsproblemer i hele systemet kan bidra til å skissere tilgjengelighetsregler i din stilguide. Hvis du for eksempel har brukt testmålinger som kritiske feil, og du finner ut at de forekommer på grunn av fargekontrast, berør størrelsesproblemer eller andre problemer med tilgjengelighet, ta det med i veiledningen for tilgjengelighetsstil. Meget relevante eksempler er mer sannsynlig å gi dokumentet mer troverdighet og innkjøp fra interessenter.

Konklusjon og takeaways

Stilguider er vanlige. Tilgangsstilguider er ikke like vanlige, men bør ikke overses. Faktisk kan de i noen tilfeller være kritiske. Men de er også fordelaktige når de tenker på den generelle brukeropplevelsen. Fargekontrast, berøringsmålestørrelse og formelementer er alle mulige for problemer dersom de ikke kjøres riktig. 

  • Tenk på det viktigste først. Bare inkluder relevant informasjon i din guide for tilgjengelighetsstil.
  • Ikke anta at noe er sunn fornuft. Du tar for gitt kunnskapen du samler opp gjennom årene. Ikke vær redd for å skissere ting du kan ta som gitt.
  • Skjemaet følger funksjonen. Hvis designstilførselen din støter sammen med din guide for tilgjengelighetstilstand, kan det være på tide å gå tilbake og prøve å justere begge deler (se fargekontrasteksempel ovenfor).
  • Start med problemer du allerede har identifisert i dine heuristiske evalueringer. Hva er noen av bruksproblemene du har opplevd? Spesielt de ofte forekommende problemene og de med høy alvorlighetsgrader?

Videre lesning

  • A11Y Style Guide
  • MailChimp Content Style Guide: Skrive for tilgjengelighet
  • edx / ux-mønster-bibliotek Styleguide: Tilgjengelighet