Sådan oprettes et tilgængeligt design af en webside

Skærm til bærbar computer

Onlinebutikker, bankapplikationer, hotelreservationer eller freelancejob, der er flere og flere de opgaver, der håndteres via internettet og som i nogle tilfælde har erstattet de konventionelle medier.

dette hurtig vækst i digitale operationer har gjort det lettere for os i mange aspekter liv. Det sparer os tid, da transaktioner er hurtigere, og der ikke er behov for at rejse til nogen fysisk etablering, og selvfølgelig der er oprettet nye medier, der ikke eksisterede før og at nu bruger de fleste mennesker, som sociale netværk, streaming af film og serier på platforme som Netflix eller online betalingssystemer som Paypal.

Med denne stigning i den digitale verden er det vigtigt investere i udviklingen af ​​tilgængelige og veldesignede grænseflader For brugerne. Vi kan dog ikke glemme det der er brugere, der lider af handicap fysisk eller psykisk, der i væsentlig grad begrænser deres oplevelse og deres evne til at bruge computere og mobiltelefoner.

Selv om der er nogle handicap, såsom mennesker, der bruger kørestole, der ikke forstyrrer internetbrug, andre, såsom synsproblemer eller blindhed, motorisk koordinationsproblemer, døvhed eller autisme, de kan alvorligt hæmme din evne til at navigere på nettet. I disse tilfælde er nogle allerede oprettet dispositivos ligesom skærmlæsere, som hjælper og støtter brugere i områder, hvor de har handicap.

Men dette er kun den første del af løsningen af ​​problemet. Når vi tænker på disse brugere, skal vi design websidegrænseflader der letter din oplevelse og der passer til dine behov. Der er nogle principper, når vi designer, som vi kan anvende.

Indhold og kilder

Startende med det mest basale skal du sæt prioriteter i indholdsdesign. Overskrift og menulinje skal være let visuelt lokaliserbare og skal være det første, brugeren ser. Elementerne på hjemmesiden, billederne og den relevante information er det andet at finde.

Annoncer eller reklamebannere vises på mange sider. Hvis det i sig selv er irriterende for alle brugere, er det et problem for dem med synshandicap, da det medfører meget forvirring og forstyrrer læsningen af ​​webdiagrammet. Derfor er det vigtigt, at du opretter en generelt redaktionelt design af den side, der er organiseret logisk og forståeligt, og elementerne er dimensioneret passende, så selvom der er andre distraktioner, kan brugerne fokusere på det vigtige indhold.

De skrifttyper, du bruger helst skal de være stor og læselig. Typen Sans serif og fed De gør læsning meget lettere for folk, der kan lide af dysleksi. Andre anbefalede skrifttyper er: Arial, Times New Roman, Helvetica, Tahoma, Calibri og Verdana.

Og selvfølgelig skal du altid passe på, at der er en klar differentiering mellem teksten og baggrunden. Brug ikke lignende farver, vælg snarere kontrasterende farver.

Sans Serif fed skrift

Brug af Sans Serif Bold skrifttyper giver en bedre visualisering af teksten.

Alternativ tekst

El Alternativ tekst eller Alt Tag, er beskrivelserne, der er placeret på billederne på websiderne. Selvom denne tekst ikke er tilgængelig for brugere at læse, er a velskrevet beskrivelse er et værktøj, der hjælper os med at opnå bedre SEO-positionering.

Men nytten af ​​Alt Tag kommer ikke kun ned på det. For dem brugere, der bruger skærmlæsere for synshandicap er beskrivelserne af billederne den eneste reference, de har, for at vide, hvad udseendet er af hvad der er eksponeret på siden. Så hvis vi f.eks. Skal placere et fotografi af nogle sukkulenter, en god alternativ tekst ville være: Tre saftige planter i lyserøde potter. En meget kort tekst som: Potteplanter, Det er ikke en beskrivelse af relevante detaljer, og derfor er det ubrugeligt.

Sukkulenter i lyserød gryde

Tre saftige planter i lyserøde potter. Alternativ teksteksempel.

tilpasningsevne

Når vi designer, skal vi også tage højde for alle præsentationer, hvor vores interface vises, enten i web- eller mobilversion. Oplevelsen vil altid være forskellig afhængigt af mediet, hvor vi ser det.

Når vi bruger mobilen, vi kan blive udsat for forskellige miljøer der gør læsning vanskelig Af indhold af skærmen. Hvis vi f.eks. Er udendørs, vil solens lysstyrke få skærmen til at se meget mørk ud, og støj tillader os ikke at høre lyden godt. Derfor er det vigtigt at tænke grundigt over disse detaljer, så mobilversionen har store bogstaver og mørke farver, og videoerne skal have undertekster, hvis de er svære at høre.

Mobil skærm

Tilpas interface-designet, så det er læsbart på både mobiltelefoner og computere.

Konsistens i design

Redaktionelt design hvad vi gør med vores hjemmeside skal være den samme uanset sektion hvor du er. De samme menulinjeikoner skal vises i sektionen Hjem som i sektionen Kontakter. Vi må ikke ændre stil ej heller placeringen af ​​nøgleknapperne på nettet.

Det er heller ikke praktisk for os at placere videoer, der afspilles automatisk når du åbner siden. For brugere, der bruger skærmlæsere, er det svært at vide, hvordan man sætter dem på pause.

Starbucks websted

Menulinjen på Starbucks-siden er den samme i alle sektioner.

Tastaturnavigation

Endelig har nogle brugere med motoriske koordinationsproblemer svært ved at få fat i en computermus eller bruge en bærbar pc's touchpad og stoler udelukkende på tastaturet. Vær sikker på at dit websted er designet på en måde det kan være helt fungerer kun med tastaturknapperne.


Efterlad din kommentar

Din e-mailadresse vil ikke blive offentliggjort. Obligatoriske felter er markeret med *

*

*

  1. Ansvarlig for dataene: Miguel Ángel Gatón
  2. Formålet med dataene: Control SPAM, management af kommentarer.
  3. Legitimering: Dit samtykke
  4. Kommunikation af dataene: Dataene vil ikke blive kommunikeret til tredjemand, undtagen ved juridisk forpligtelse.
  5. Datalagring: Database hostet af Occentus Networks (EU)
  6. Rettigheder: Du kan til enhver tid begrænse, gendanne og slette dine oplysninger.