Времето ми в завладяващата програма за уеб разработка на Flatiron School изтича и ми е трудно да повярвам, че вече съм към края на втория си модул (от пет). Тази седмица работя върху изграждането на уеб приложение, което е сериозна стъпка напред от CLI проекта, създаден миналия път, особено визуално.
Това визуално надграждане ми даде възможност да започна да мисля по-пълно за стъпките в процеса на уеб разработка, от оформления през цветове до шрифтове и графики.
Докато обмислях всички различни начини да направя визуално зашеметяващ и завладяващ уебсайт, не мога да не взема под внимание и как да се уверя, че проектите, които създавам, са достъпни.
Вярвам, че интернет трябва да е за всички и като разработчик чувствам, че е моя отговорност да направя всичко възможно, за да се уверя, че нещата, които създавам, са достъпни.
Стремежът ми към достъпност е вдъхновен най-вече от баща ми, който е сляп от дете. Въпреки зрителното си увреждане, той се стреми да осмисли всеки момент. Той е завършен човек, който се стреми да бъде възможно най-самостоятелен; той е възпитаник на Йейлския университет, възпитаник на Юридическия център на Университета на Южна Калифорния, мотивационен лектор, автор и пенсиониран съдия по административно право в Калифорнийския отдел за социални услуги.
Баща ми — ще го наричаме Дана — обича интернет и новите технологии — сегашната му мания е неговият Amazon Echo. Той използва компютри по-дълго, отколкото някои от колегите ми са живи. Той използва екранен четец, наречен Jaws, който му казва какво се появява на екрана, независимо дали е документ или уебсайт. Говорих с него за някои от предизвикателствата, които има в наши дни като потребител на мрежата.
Дана започна разговора ни, като ми каза, че има четири компютъра около него. Той използва всеки един от тях според предпочитанията си за тяхната функционалност. Неговият компютър с MS-DOS е любимият му, защото е най-лесният за използване. Той предпочита да пише с WordPerfect 5.1, защото програми като Microsoft Word имат автоматично довършване/предсказуем текст, но няма представа кога Word решава да го използва.
Вторият компютър на Дейна работи с Windows XP. Той вече не може да използва този компютър, за да влезе онлайн, защото Windows вече не поддържа Internet Explorer 8. Той не може да надстрои Windows на тази машина, защото няма да може да използва инсталираната версия на Jaws, която използва за четене и писане на имейл.
Третият и четвъртият му компютър – лаптоп и десктоп – работят с Windows 10 и най-новата версия на Jaws. Той не е много сигурен как да използва имейл и Jaws много добре на тези машини, така че ги използва предимно за гледане на образователни видеоклипове в Youtube.
Тъй като Дейна няма визуални знаци, които да го насочват, когато научи нещо, той обича да може да го използва по един и същи начин всеки път. Като сляп човек свиква къде са нещата. Но в днешния технологичен пейзаж напредъкът се доказва от надстройки, промени и правене на нещата „по-добри“. Докато тези промени могат да подобрят потребителското изживяване за посетител без зрителни увреждания, те могат да попречат на друг потребител да може да използва сайта изцяло. Уебсайтовете се променят по-бързо, отколкото екранните четци. За незрящ човек способността му да взаимодейства с уебсайт или приложение до голяма степен зависи от запомнянето на разположението на елементи на страница.
Когато създавате уебсайтове, е важно да имате предвид елементи, които може да не са достъпни за хора с увредено зрение. Например екранният четец, който Дана използва, Jaws, не разпознава изображения, освен ако изходният код не включва алтернативен текст. Така че, когато читателят стигне до изображението по-долу, то ще каже „Моето куче, Wizard, е толкова добро момче.“
<img src="my_favorite_doggo.png" alt="My dog, Wizard, is such a good boy."
Можем също да напишем този текст с по-достъпно описание на изображението в алтернативния текст по следния начин:
<img src="my_favorite_doggo.png" alt="[image description: A small, white dog named Wizard stand on grass smiling with a pink squeaky toy at his feet.]"
Неспособността на екранния четец да чете изображения също означава, че потребител може да бъде възпрепятстван да използва сайт, ако попадне на нещо като CAPTCHA (Напълно автоматизиран публичен тест на Тюринг за разграничаване на компютри и хора) или текстови инструкции, които са вградени в изображение . За да бъда честен, дори като човек без зрителни увреждания, аз се провалям с CAPTCHA вероятно около 75% от времето.
Уебсайтовете с ограничено време, като банкови уебсайтове, които автоматично излизат от потребителя след период на неактивност или страница за плащане във време, са проблемни, защото екранният четец може да чете страница, но се регистрира като неактивност. Това ще излезе от потребителя, преди да има време да завърши предвидената си сесия.
Резултатът от всички бързо променящи се тенденции в мрежата е, че Дейна събира телефонни номера за обслужване на клиенти, защото не може да разбере как да изпълнява честите задачи, които е изпълнявал преди, като плащане на сметки. Нещо, което обикновено отнема 2–3 минути на асистента му да плати, му отнема 30–40 минути.
За потребители с форма на цветна слепота, лоша цветова схема може да попречи на посетителите да използват уебсайт.
Когато избирате цветови схеми за вашия уебсайт, има уебсайтове, които можете да използвате, за да ви помогнат да изберете цветови палитри като Adobe Color CC и Paletton. Paletton има полезна функция, която ви позволява да видите цвета през лещата на хора с различни видове цветна слепота.
Тъй като продължаваме да създаваме приложения, които да улеснят живота ни, се надявам да създаваме с мисъл за всички. Удобството на един човек не трябва да се превръща в бреме на друг. Нека работим за цел, при която най-голямата ни грижа не е дали даден човек може да използва сайт, а дали трябва.
