Hvordan lage et tilgjengelig design av en webside

Nettbutikker, bankapplikasjoner, hotellreservasjoner eller frilansjobber, det er flere og flere oppgavene som håndteres via internett og som i noen tilfeller har erstattet konvensjonelle medier.

Dette rask vekst av digitale operasjoner har gjort det lettere for oss i mange aspekter liv. Det sparer oss tid siden transaksjoner er raskere og det ikke er behov for å reise til noen fysisk etablering, og selvfølgelig nye medier er opprettet som ikke eksisterte før og som nå folk flest bruker, som sosiale nettverk, streaming av filmer og serier på plattformer som Netflix, eller online betalingssystemer som Paypal.

Med denne fremveksten av den digitale verden er det viktig invester i utvikling av tilgjengelige og godt utformede grensesnitt For brukerne. Vi kan imidlertid ikke glemme det det er brukere som lider av funksjonshemninger fysisk eller psykologisk som begrenser deres opplevelse og deres evne til å bruke datamaskiner og mobiltelefoner betydelig.

Selv om det er noen funksjonshemminger, for eksempel personer som bruker rullestoler, som ikke forstyrrer internettbruk, andre, som synsproblemer eller blindhet, motoriske koordinasjonsproblemer, døvhet eller autisme, de kan alvorlig hemme din evne til å navigere på nettet. For disse tilfellene er noen allerede opprettet dispositivos som skjermlesere, som bistår og støtter brukere i områder der de har funksjonshemninger.

Men dette er bare den første delen av å løse problemet. Når vi tenker på disse brukerne, må vi utforme web-grensesnitt som letter din opplevelse og som passer dine behov. Det er noen prinsipper når vi designer som vi kan bruke.

Innhold og kilder

Fra og med det mest grunnleggende må du sette prioriteringer i innholdsdesign. Overskrift og menylinje må være lett å lokalisere og må være det første brukeren ser. Elementene på hjemmesiden, bildene og den relevante informasjonen vil være den andre å finne.

Annonser eller reklamebannere vises på mange sider. Hvis det i seg selv er irriterende for alle brukere, er det et problem for de med synshemming, ettersom det forårsaker mye forvirring og forstyrrer lesingen av nettdiagrammet. Det er derfor det er viktig at du oppretter en generell redaksjonell design av siden som er organisert logisk og forståelig, og elementene er passende dimensjonert, slik at selv om det er andre distraksjoner, kan brukerne fokusere på det viktige innholdet.

Fontene du bruker helst må de være stor og lesbar. Typen Sans serif og fet De gjør lesing mye lettere for folk som kan lide av dysleksi. Andre anbefalte skrifter er: Arial, Times New Roman, Helvetica, Tahoma, Calibri og Verdana.

Og selvfølgelig bør du alltid passe på at det er en tydelig forskjell mellom teksten og bakgrunnen. Ikke bruk lignende farger, velg heller kontrasterende farger.

Alternativ tekst

El Alternativ tekst eller Alt Tag, er beskrivelsene som er plassert på bildene på websidene. Selv om denne teksten ikke er tilgjengelig for brukere å lese, a velskrevet beskrivelse er et verktøy som hjelper oss med å oppnå bedre SEO-posisjonering.

Men nytten av Alt Tag kommer ikke bare ned på det. For de brukere som bruker skjermlesere for synshemming er beskrivelsene av bildene den eneste referansen de har for å vite hva utseendet er av det som er utsatt på siden. Så hvis vi for eksempel skal plassere et fotografi av noen sukkulenter, en god alternativ tekst ville være: Tre saftige planter i rosa potter. En veldig kort tekst som: Potteplanter, Det er ikke en beskrivelse av relevante detaljer, og derfor er det ubrukelig.

tilpasningsevne

Når vi designer, må vi også ta hensyn til alt presentasjonene der grensesnittet vårt vises, enten i nett- eller mobilversjon. Opplevelsen vil alltid være forskjellig avhengig av mediet vi ser på den.

Når vi bruker mobilen, vi kan bli utsatt for forskjellige miljøer som gjør lesingen vanskelig Av innhold av skjermen. Hvis vi for eksempel er utendørs, vil solens lysstyrke gjøre at skjermen ser veldig mørk ut, og støyen vil ikke tillate oss å høre lyden godt. Derfor er det viktig å tenke på disse detaljene godt, slik at mobilversjonen har store bokstaver og mørke farger, og videoene skal ha undertekster i tilfelle det er vanskelig å høre dem.

Konsistens i design

Redaksjonell design hva vi gjør med nettstedet vårt må være den samme uansett seksjon der du er. De samme ikonene på menylinjen skal vises i Hjem-delen som i Kontakter-delen. Vi må ikke endre stil og heller ikke plasseringen av tastene på nettet.

Det er heller ikke praktisk for oss å plassere videoer som spilles av automatisk når du åpner siden. For brukere som bruker skjermlesere, er det vanskelig å vite hvordan man setter dem på pause.

Tastaturnavigasjon

Til slutt, noen brukere med problemer med motorisk koordinering har problemer med å gripe tak i en datamus eller bruke en berøringsplate på en bærbar PC, og stole utelukkende på tastaturet. Husk å at nettstedet ditt er utformet på en måte det kan være helt funksjonell bare med tastaturknappene.