Како створити приступачан дизајн веб странице

Екран за лаптоп

Интернет продавнице, банкарске апликације, резервације хотела или слободни послови, све је више задатке који се обављају преко интернета а који су у неким случајевима заменили конвенционалне медије.

ово брз раст дигиталних операција нам је олакшао у многим аспектима живот. То нам штеди време јер су трансакције брже и не морамо да идемо ни у једну физичку установу, и наравно, Створени су нови медији којих раније није било и које већина људи сада користи, као што су друштвене мреже, стримовање филмова и серија на платформама као што је Нетфлик, или онлајн системи плаћања као што је Паипал.

Са овим успоном дигиталног света то је од суштинског значаја инвестирати у развој приступачних и добро дизајнираних интерфејса За кориснике. Међутим, то не можемо заборавити има корисника који пате од инвалидитета физичка или психичка стања која значајно ограничавају њихово искуство и способност коришћења рачунара и мобилних телефона.

Иако постоје неке сметње, као што су људи који користе инвалидска колица, који не ометају коришћење интернета, други, као што су проблеми са видом или слепило, проблеми са моторичком координацијом, глувоћа или аутизам, Они могу озбиљно да ометају вашу способност навигације вебом. За ове случајеве, неки су већ креирани уређаји попут читача екрана, који помажу и подржавају кориснике у областима где имају сметње.

Али ово је само први део решавања проблема. Размишљајући о овим корисницима, морамо дизајн интерфејса веб страница који олакшавају ваше искуство и прилагодите својим потребама. Постоје неки принципи приликом пројектовања које можемо применити.

Садржај и извори

Почевши од најосновнијег, морамо Одредите приоритете у дизајну садржаја. Заглавље и трака менија морају бити лако лоцирани визуелно и морају бити прва ствар коју корисник види. Елементи на почетној страници, слике и релевантне информације биће друга ствар коју треба лоцирати.

Огласи или рекламни банери се појављују на многим страницама. Ако је ово само по себи досадно за све кориснике, за оне са оштећењем вида представља проблем јер изазива велику забуну и омета читање изгледа веб странице. Зато је битно да креирате а општи уређивачки дизајн странице која је логички организован и разумљиво, као и да су елементи одговарајуће величине, тако да чак и ако има других ометања, корисници могу да се фокусирају на важан садржај.

Фонтови које користите пожељно је да буду велики и читљиви. Тип Без сериф и подебљано Они знатно олакшавају читање људима који пате од дислексије. Остали препоручени фонтови су: Ариал, Тимес Нев Роман, Хелветица, Тахома, Цалибри и Вердана.

И наравно, увек треба да водите рачуна о томе да постоји јасна разлика између текст и позадина. Немојте користити сличне боје, радије бирајте боје које су у супротности једна са другом.

Типографија Санс Сериф Болд

Коришћење Санс Сериф Болд фонтова омогућава бољу визуализацију текста.

Алтернативни текст

El Алтернативни текст или Алт Таг су описи који се постављају на слике на веб страницама. Иако овај текст није доступан корисницима за читање, а добро написан опис То је алатка која нам помаже да постигнемо боље СЕО позиционирање.

Али корисност Алт Тага се не своди само на то. За оне корисници који користе читаче екрана због оштећења вида описи слика су једина референца коју имају да знају какав је изглед онога што је изложено на страници. Дакле, ако ћемо поставити, на пример, фотографију неких сукулената, добар алтернативни текст би био: Три сочне биљке у ружичастим саксијама. Веома кратак текст као што је: Биљке у саксијама, То није опис који даје релевантне детаље и стога није од користи.

Сукуленти у ружичастом лонцу

Три сочне биљке у ружичастим саксијама. Пример алтернативног текста.

Прилагодљивост

Приликом пројектовања такође морамо узети у обзир све презентације у којима ће бити приказан наш интерфејс, било у веб или мобилна верзија. Искуство ће увек бити другачије у зависности од медија у коме га гледамо.

Када користимо мобилни, можемо бити изложени различитим окружењима које отежавају читање Од садржаја екрана. Ако смо на отвореном, на пример, светлост сунца ће учинити да екран изгледа веома тамно, а бука нам неће дозволити да добро чујемо звук. Зато је важно размислити о овим детаљима, тако да мобилна верзија има крупна слова и тамне боје, а видео снимци треба да имају титлове у случају да их је тешко чути.

Екран за мобилни

Прилагодите дизајн интерфејса тако да буде читљив и на мобилним телефонима и на рачунарима.

Доследност у дизајну

Уреднички дизајн шта правимо од наше веб странице треба да буде исти без обзира на одељак где си ти. У одељку Почетна морају се појавити исте иконе на траци менија као у одељку Контакти. Не треба мењати стил нити локација тастера на веб локацији.

Такође нам није згодно да постављамо видео записе који се аутоматски репродукују приликом отварања странице. За кориснике који користе читаче екрана, тешко је знати како да их паузирају.

старбуцкс вебсите

Трака менија на Старбуцкс страници је иста у свим одељцима.

Навигација на тастатури

Коначно, неким корисницима са проблемима моторичке координације је тешко да држе компјутерски миш или користе тачпед на лаптопу и зависе искључиво од тастатуре. Будите сигурни да да је ваша веб локација дизајнирана на такав начин то може бити потпуно Функционише само са тастерима на тастатури.


Оставите свој коментар

Ваша емаил адреса неће бити објављена. Обавезна поља су означена са *

*

*

  1. За податке одговоран: Мигуел Ангел Гатон
  2. Сврха података: Контрола нежељене поште, управљање коментарима.
  3. Легитимација: Ваш пристанак
  4. Комуникација података: Подаци се неће преносити трећим лицима, осим по законској обавези.
  5. Похрана података: База података коју хостује Оццентус Нетворкс (ЕУ)
  6. Права: У било ком тренутку можете ограничити, опоравити и избрисати своје податке.