Hur man skapar en tillgänglig design av en webbsida

Bärbar datorskärm

Onlinebutiker, bankapplikationer, hotellbokningar eller frilansjobb, det finns fler och fler de uppgifter som hanteras via internet och som i vissa fall har ersatt konventionella medier.

detta snabb tillväxt av digitala verksamheter har gjort det lättare för oss i många aspekter liv. Det sparar oss tid eftersom transaktioner är snabbare och det inte finns något behov av att gå till någon fysisk anläggning, och naturligtvis nya media har skapats som inte fanns tidigare och som nu de flesta använder, till exempel sociala nätverk, strömmande filmer och serier på plattformar som Netflix eller onlinebetalningssystem som Paypal.

Med denna uppgång av den digitala världen är det viktigt investera i utvecklingen av tillgängliga och väldesignade gränssnitt För användarna. Men vi kan inte glömma det det finns användare som lider av funktionshinder fysiska eller psykologiska som avsevärt begränsar deras upplevelse och deras förmåga att använda datorer och mobiler.

Även om det finns vissa funktionshinder, till exempel personer som använder rullstolar, som inte stör användningen av Internet, andra, såsom synproblem eller blindhet, motoriska koordinationsproblem, dövhet eller autism, de kan allvarligt hämma din förmåga att navigera på nätet. För dessa fall har vissa redan skapats dispositivos som skärmläsare, som hjälper och stöder användare i områden där de har funktionshinder.

Men detta är bara den första delen av att lösa problemet. Med tanke på dessa användare måste vi design webbgränssnitt som underlättar din upplevelse och passar dina behov. Det finns några principer när vi utformar som vi kan tillämpa.

Innehåll och källor

Från och med det mest grundläggande måste du sätta prioriteringar i innehållsdesign. Rubriken och menyraden måste vara lätt att lokalisera och måste vara det första användaren ser. Elementen på hemsidan, bilderna och relevant information kommer att vara den andra att hitta.

Annonser eller reklambannrar visas på många sidor. Om det i sig är irriterande för alla användare är det ett problem för dem med synstörning eftersom det orsakar mycket förvirring och stör läsningen av webbdiagrammet. Det är därför det är viktigt att du skapar en allmän redaktionell design på sidan som är organiserat logiskt och förståeligt, och elementen är dimensionerade på lämpligt sätt, så att även om det finns andra distraktioner kan användarna fokusera på det viktiga innehållet.

De teckensnitt du använder helst måste de vara stor och läsbar. Typen Sans serif och fet De gör läsning mycket lättare för personer som kan drabbas av dyslexi. Andra typsnitt som rekommenderas är: Arial, Times New Roman, Helvetica, Tahoma, Calibri och Verdana.

Och naturligtvis bör du alltid se till att det finns en tydlig skillnad mellan texten och bakgrunden. Använd inte liknande färger, välj snarare kontrasterande färger.

Sans Serif Fet typsnitt

Användning av Sans Serif Bold-teckensnitt möjliggör en bättre visualisering av texten.

Alternativ text

El Alternativ text eller Alt Tag, är beskrivningarna som placeras på bilderna på webbsidorna. Även om denna text inte är tillgänglig för användare att läsa, a välskriven beskrivning är ett verktyg som hjälper oss att uppnå bättre SEO-positionering.

Men nyttan med Alt Tag kommer inte bara ner på det. För dem användare som använder skärmläsare för synstörningar är beskrivningarna av bilderna den enda referensen de har för att veta hur utseendet är av vad som är exponerat på sidan. Så om vi till exempel ska placera ett fotografi av några suckulenter, en bra alternativ text skulle vara: Tre suckulenta växter i rosa krukor. En mycket kort text som: Krukväxter, Det är inte en beskrivning som ger relevant information och därför inte fungerar.

Suckulenter i rosa kruka

Tre suckulenta växter i rosa krukor. Alternativ textexempel.

anpassningsförmåga

Vid utformningen måste vi också ta hänsyn till alla presentationerna där vårt gränssnitt kommer att visas, Antingen i webb- eller mobilversion. Upplevelsen kommer alltid att vara olika beroende på vilket medium vi tittar på.

När vi använder mobilen, vi kan exponeras för olika miljöer som gör läsningen svår Innehåll på skärmen. Om vi ​​till exempel är utomhus, kommer solens ljusstyrka att skärmen ser väldigt mörk ut och bullret tillåter oss inte att höra ljudet bra. Det är därför det är viktigt att tänka noga över dessa detaljer, så att mobilversionen har stora bokstäver och mörka färger, och videorna ska ha undertexter om det är svårt att höra dem.

Mobil skärm

Anpassa gränssnittsdesignen så att den är läsbar på både mobiltelefoner och datorer.

Konsistens i design

Redaktionell design vad vi gör med vår webbplats måste vara densamma oavsett avsnitt där du är. Samma ikoner i menyraden bör visas i avsnittet Hem som i avsnittet Kontakter. Vi får inte ändra stil inte heller platsen för knapparna på webben.

Det är inte heller bekvämt för oss att placera videor som spelas automatiskt när du öppnar sidan. För användare som använder skärmläsare är det svårt att veta hur man pausar dem.

Starbucks webbplats

Menyraden på Starbucks-sidan är densamma i alla sektioner.

Navigering på tangentbordet

Slutligen har vissa användare med motoriska koordinationsproblem svårt att ta tag i en datormus eller använda en bärbar pekplatta och förlitar sig enbart på tangentbordet. Var säker på att att din webbplats är utformad på ett sätt det kan vara helt fungerar bara med tangentbordets knappar.


Innehållet i artikeln följer våra principer om redaktionell etik. Klicka på för att rapportera ett fel här.

Bli först att kommentera

Lämna din kommentar

Din e-postadress kommer inte att publiceras.

*

*

  1. Ansvarig för uppgifterna: Miguel Ángel Gatón
  2. Syftet med uppgifterna: Kontrollera skräppost, kommentarhantering.
  3. Legitimering: Ditt samtycke
  4. Kommunikation av uppgifterna: Uppgifterna kommer inte att kommuniceras till tredje part förutom enligt laglig skyldighet.
  5. Datalagring: databas värd för Occentus Networks (EU)
  6. Rättigheter: När som helst kan du begränsa, återställa och radera din information.

bool (sant)