Kako ustvariti dostopno zasnovo spletne strani

Zaslon prenosnega računalnika

Spletne trgovine, bančne aplikacije, hotelske rezervacije ali samostojna delovna mesta, vse več naloge, ki se obravnavajo prek interneta ki so v nekaterih primerih nadomestili običajne medije.

ta hitra rast digitalnih operacij nas je olajšala v mnogih pogledih življenje. To nam prihrani čas, saj so transakcije hitrejše in ni potrebe, da bi potovali v katero koli fizično ustanovo, in seveda, ustvarjeni so novi mediji, ki prej niso obstajali in ki jo zdaj večina ljudi uporablja, na primer družbena omrežja, pretakanje filmov in serij na platformah, kot je Netflix, ali spletnih plačilnih sistemih, kot je Paypal.

S tem vzponom digitalnega sveta je bistvenega pomena vlagajte v razvoj dostopnih in dobro zasnovanih vmesnikov Za uporabnike. Vendar tega ne moremo pozabiti obstajajo uporabniki, ki trpijo zaradi invalidnosti fizične ali psihološke, ki znatno omejujejo njihove izkušnje in sposobnost uporabe računalnikov in mobilnih telefonov.

Čeprav obstajajo nekatere invalidnosti, na primer ljudje, ki uporabljajo invalidske vozičke, ki ne motijo ​​uporabe interneta, drugi, kot so težave z vidom ali slepota, težave z motorično koordinacijo, gluhost ali avtizem, lahko resno ovirajo vašo navigacijo po spletu. Za te primere so bili nekateri že ustvarjeni Naprave kot bralniki zaslona, ki pomagajo in podpirajo uporabnike na območjih, kjer imajo invalide.

A to je le prvi del reševanja problema. Če pomislimo na te uporabnike, moramo oblikovanje vmesnikov spletnih strani ki vam olajšajo izkušnjo in ustrezajo vašim potrebam. Pri načrtovanju obstaja nekaj načel, ki jih lahko uporabimo.

Vsebina in viri

Začenši z najosnovnejšim, moraš določite prioritete pri oblikovanju vsebin. Glava in menijska vrstica morata biti vizualno lahko dostopna in morata biti prva stvar, ki jo uporabnik vidi. Elementi na domači strani, slike in ustrezne informacije bodo drugi, ki jih bomo našli.

Oglasi ali oglasne pasice se pojavijo na številnih straneh. Če je to samo po sebi moteče za vse uporabnike, je za tiste z okvarami vida težava, saj povzroča veliko zmede in moti branje spletnega diagrama. Zato je nujno, da ustvarite splošna uredniška zasnova strani, ki je organizirano logično in razumljivo, elementi pa so primerno veliki, tako da se lahko uporabniki tudi, če jih motijo, osredotočijo na pomembno vsebino.

Pisave, ki jih uporabljate po možnosti morajo biti velik in čitljiv. Tip Brez serifa in krepko Branje ljudem, ki trpijo zaradi disleksije, veliko olajšajo. Druge priporočene pisave so: Arial, Times New Roman, Helvetica, Tahoma, Calibri in Verdana.

In seveda, vedno morate paziti, da obstaja jasna razlika med njimi besedilo in ozadje. Ne uporabljajte podobnih barv, raje izberite kontrastne barve.

Sans Serif Krepka pisava

Uporaba pisave Sans Serif Bold omogoča boljšo vizualizacijo besedila.

Nadomestno besedilo

El Alternativno besedilo ali Alt Tag so opisi, ki so nameščeni na slikah na spletnih straneh. Čeprav to besedilo uporabnikom ni na voljo, a dobro napisan opis je orodje, ki nam pomaga doseči boljše pozicioniranje SEO.

Vendar uporabnost Alt Taga ni omejena samo na to. Za tiste uporabniki, ki uporabljajo bralnike zaslona pri okvarah vida so opisi slik edina referenca, ki jo morajo vedeti, kakšen je videz tega, kar je izpostavljeno na strani. Torej, če bomo na primer postavili fotografijo nekaterih sukulentov, dobro alternativno besedilo bi bilo: Tri sočne rastline v roza lončkih. Zelo kratko besedilo, kot je: Lončnice, To ni opis ustreznih podrobnosti in je zato neuporaben.

Sukulente v roza loncu

Tri sočne rastline v roza lončkih. Primer alternativnega besedila.

Prilagodljivost

Pri načrtovanju moramo upoštevati tudi vse predstavitve, v katerih bo prikazan naš vmesnik, bodisi v spletna ali mobilna različica. Izkušnja bo vedno drugačna, odvisno od medija, kjer si jo ogledujemo.

Ko uporabljamo mobilni telefon, lahko smo izpostavljeni različnim okoljem ki otežujejo branje Od vsebine zaslona. Če smo na primer na prostem, bo zaradi sončne svetlobe zaslon videti zelo temen, hrup pa ne bo mogel dobro slišati zvoka. Zato je pomembno, da o teh podrobnostih dobro premislimo, da bo mobilna različica imela velike črke in temne barve, videoposnetki pa naj imajo podnapise, če jih težko slišimo.

Zaslon za mobilne naprave

Zasnovo vmesnika prilagodite tako, da bo berljiva tako na mobilnih telefonih kot na računalnikih.

Doslednost oblikovanja

Uredniška zasnova kaj počnemo z našo spletno stranjo morajo biti enaki ne glede na odsek kje si. V razdelku Domov se morajo prikazati enake ikone v menijski vrstici kot v razdelku Stiki. Ne smemo spreminjati sloga niti lokacije ključnih gumbov na spletu.

Za nas tudi ni priročno, če postavljamo videoposnetke, ki se predvajajo samodejno ob odpiranju strani. Za uporabnike, ki uporabljajo bralnike zaslona, ​​je težko vedeti, kako jih zaustaviti.

Spletno mesto Starbucks

Menijska vrstica na strani Starbucks je v vseh oddelkih enaka.

Navigacija po tipkovnici

Nazadnje nekateri uporabniki s težavami z motorično koordinacijo težko primejo računalniško miško ali uporabljajo sledilno ploščico prenosnika in se zanašajo izključno na tipkovnico. Bodi prepričan da je vaše spletno mesto zasnovano na nek način to je lahko popolnoma funkcionalen samo z gumbi na tipkovnici.


Pustite svoj komentar

Vaš e-naslov ne bo objavljen. Obvezna polja so označena z *

*

*

  1. Za podatke odgovoren: Miguel Ángel Gatón
  2. Namen podatkov: Nadzor neželene pošte, upravljanje komentarjev.
  3. Legitimacija: Vaše soglasje
  4. Sporočanje podatkov: Podatki se ne bodo posredovali tretjim osebam, razen po zakonski obveznosti.
  5. Shranjevanje podatkov: Zbirka podatkov, ki jo gosti Occentus Networks (EU)
  6. Pravice: Kadar koli lahko omejite, obnovite in izbrišete svoje podatke.