Как да направите уебсайта си достъпен само за 10 минути

Разкриване на информация Вашата поддръжка помага за поддържането на сайта! Печелим такса за препращане за някои от услугите, които препоръчваме на тази страница.


Направете своя уебсайт достъпен за 10 минути

Достъпността до уебсайтове е огромен проблем, но повечето хора не мислят много. Представете си за момент, че имате ограничена подвижност. Може би не можете да използвате мишка и единственият начин да навигирате в компютъра е чрез докосване на един клавишен клавиш наведнъж.

Опитай го. Щракнете върху бутоните със стрелки, за да превъртите нагоре и надолу. Използвайте раздела, за да преминете от една връзка към следваща. Щракнете върху клавиша Enter, за да следвате връзка. Не е толкова лесно, колкото да търкаляте колелото на мишката или да плъзгате таблета си, но като използвате само тези четири клавиша, можете да навигирате всичко в този сайт. Може ли да се каже същото и за вашия собствен уебсайт?

Ако на вашия уебсайт има нещо, до което не можете да получите достъп с клавишите нагоре, надолу, раздела и въведете, тази функция може да е недостъпна за милиони интернет потребители. За останалите от нас има голяма вероятност, ако е неприятно или неудобно да се използва, просто ще го пропуснем, което означава, че сте пропиляли усилията си.

Сега затворете очи и се опитайте да прочетете уебсайта си. Добре, знаем, че това не е честен тест. Има много инструменти, за да помогнете на хората със зрителни увреждания да се наслаждават на уеб съдържание. Но вашият уебсайт готов ли е за тях? Подходящо ли са вашите връзки? Ще ви създадат ли проблеми снимките? Има ли достатъчно контраст между текста и цветовете на фона? Според Световната здравна организация има 285 милиона души със зрителни увреждания. Това е много потенциални посетители, които бихте могли да изключите!

Има стотици причини някой може да има проблеми с гледането или навигирането в уебсайта ви. Опитът да отговори на всички тези нужди може да изглежда невъзможна задача, но съвременните инструменти за уеб дизайн улесняват от всякога създаването на уебсайт, който практически всеки може да чете и да се наслаждава.

Разберете как можете бързо и лесно да направите своя уебсайт достъпен, увеличавайки потенциалната си читателска аудитория от стотици милиони уеб потребители.

Направете своя уебсайт достъпен за 10 минути

Направете своя уебсайт достъпен за 10 минути

Всеки посетител на уебсайт е различен, но много хора имат увреждания, които пряко се отразяват върху използването на вашия уебсайт. Тези увреждания включват слепота, глухота и проблеми с контрола на двигателя. За щастие, можете да направите много, за да направите уебсайта си достъпен за хора с физически ограничения и това също не е трудно. Ето всичко, което трябва да знаете, по-долу. Няма да направите своя сайт по-добър за хората с увреждания, ще го направите по-добър за всички.

Проблеми с достъпността

  • Интернет позволява по-голям достъп до информация и общност от всякога досега, особено за хората с увреждания
    • ООН обяви, че достъпността до интернет за хора с увреждания е основно човешко право
    • Но някой, който е сляп, не може да чете уебсайт, а някой, който е глух, не може да се наслаждава на подкаст
  • Само в САЩ:
    • Приблизително 1 на 5 души имат загуба на слуха в едното или в двете уши
      • Това е приблизително 48 милиона души
    • Повече от 7,3 милиона американци имат значителна загуба на зрение
      • Освен частична или пълна слепота, приблизително 13,6 милиона американци са цветни
  • Нуждите от достъпност са разнообразни и могат да включват лични и технологични ситуации, които затрудняват използването на мрежата, като например:
    • глухота
    • Трудности в обучението
    • Недостатъци на двигателните умения
    • Слепота / увреждане на зрението
    • Когнитивни / учебни разстройства
    • Лоша интернет връзка
    • Само мобилен достъп (телефони или таблети)

Предимства на достъпните сайтове

  • Може да се изисква по закон да бъдат достъпни за потребители с увреждания, като например:
    • Правителствени уебсайтове
    • Образователни институции и организации
    • Промишлени и нестопански организации
  • По-лесно за търсачките да обхождат
    • Паяците в търсачката, като някои потребители с увреждания, не могат да разглеждат снимки
    • Функции за достъпност като alt текст ще им помогнат да обхождат сайта и могат да помогнат за класирането на уебсайта в търсачката
  • Увеличава използваемостта за всички потребители
    • Направете уебсайт възможно най-лесен за използване ще бъде от полза за всички, които взаимодействат с него – независимо дали имат увреждания
  • Увеличете социалното положение на уебсайта и генерирайте добър PR
    • Организация или бизнес, който има достъпен уебсайт, може да се представи на пазара като социално отговорен

Инструменти за достъпност онлайн

  • Някои потребители с увреждания имат свои собствени инструменти и устройства, за да улеснят използването на интернет, като например:
    • Екранни четци, които транспонират текста на уеб страниците към говоримото аудио
      • Mac – VoiceOver
      • PC – Гръм
    • Персонализирани клавиатури, мишки или гласов контрол за потребители с двигателни проблеми
  • За потребители, които нямат специални инструменти, някои уебсайтове са проектирани да имат функции, които ги улесняват, включително:
    • Опции за увеличение или размер на текста в уеб браузъри и смартфони
    • Затворен надпис
      • YouTube позволява на потребителите да кликнат върху иконата CC вдясно вдясно на видеото, за да активират тази функция
    • Dyslexie шрифт
      • Шрифт, създаден от дислексик за хора с дислексия
      • Шрифтът използва букви, които не са толкова объркващи за четене на хора с дислексия

Удобството в мрежата става лесно

  • Използвайте директен дизайн и съдържание.
    • Ясно обозначени навигационни връзки
    • Безпроблемни оформления
      • Използвайте възможно най-малко елементи, за да предадете съобщението си
        • Всяко изображение, звук, бутон или връзка може да се превърне в пречка за потребител с увреждания
        • Освен това, по-малко изображения означават по-бързи времена за зареждане за потребители с ниска скорост на интернет
    • Уверете се, че съдържанието ви може да бъде лесно прочетено и разбрано
      • Добър контраст между текст и фон
      • Лесен, лесен за четене избор на шрифт
  • Прикачете алтернативен текст за изображения
    • Алтернативен текст се появява, когато задържите курсора на мишката върху повечето изображения.
    • Описва изображението
      • Ще помогне на потребителите, които могат да имат технологични ограничения или зрителни увреждания
      • Екранните четци могат да получат достъп до алтернативния текст, който да конвертират в аудио
  • Направете своя сайт навигационен без мишка
    • Някои потребители може да не могат да използват компютърна мишка
    • Проектирането за въвеждане на клавиатура прави дизайна ви прост
    • Tab, Enter и клавишите със стрелки трябва да са достатъчни за навигация в сайта ви
  • Бъдете внимателни с цветовете
    • Цветовете могат да бъдат полезни за тези с увреждания в обучението
      • Добре организираният текст, цветове и символи или икони могат да направят вашето съобщение по-достъпно
    • Но не разчитайте само на цветовете, за да предадете вашето послание
      • Екранните четци не могат да различават цветовете и няма да предадат тази информация
      • Те не са полезни за ослепили потребители
    • Освен ако сайтът ви не е базиран само на изображение, най-добрата практика е да използвате текст, когато е възможно
  • Не използвайте видео или аудио автоматично
    • Това е особено предизвикателно за онези, които могат да се борят да намерят източника
    • И това е досадно за всички останали
  • Бъдете наясно с отзивчивия дизайн
    • Използвайте каскадни инструменти за стилове (CSS), за да позволите на вашия сайт автоматично да променя начина на показване въз основа на устройството, на което се гледа
      • Тествайте това на множество размери на екрана (Телефон / таблет / лаптоп)
  • Уверете се, че текстът на връзката казва на потребителя, към който връзката сочи
    • Нещо, което казва например „Щракнете тук“, не е много описателно
    • „Връзка към началната страница на Amazon“ е по-полезна
      • Използвайте заглавие на връзката
  • Поставете се в обувки за посетители с увреждания
    • Изтеглете екранен четец като JAWS (безплатен за 30 дни), изключете монитора и се опитайте да навигирате в уебсайта си
      • Ето как изглежда вашият уебсайт за незрящ потребител
      • Обърнете специално внимание на това как са описани изображенията
        • Има ли те още смисъл, само от алт текста си?
      • Текстът, съдържащ се в графика, може да бъде „невидим“ за незрящи потребители
    • Използвайте симулатор за цветна слепота като Coblis, за да постигнете по-добро разбиране на това какво виждат ослепилите потребители, когато навигират в сайта ви
      • Визуално ли се различават вашите навигационни бутони от фона?
      • Четете ли текста си?
    • Ако вашият сайт използва видеоклипове, уверете се, че са налични надписи
      • В противен случай вижте колко смисъл имат те, когато звукът на компютъра ви е изключен
    • Опитайте да навигирате в сайта си само с клавиши Tab, Enter и стрелките
      • Има ли страници, до които е трудно или невъзможно да се стигне?

Независимо дали става въпрос за търговия, образование или забавление, изграждането на уебсайт, който всеки може да използва, трябва да бъде основен приоритет. Приемането на най-широк кръг от потребители е изключително важно за изграждането на силни онлайн общности и привличането на нови клиенти към вашия бизнес.

Източници: colourblindawareness.org, thewholebraingroup.com, wwhearing.org, lighthouse.org, un.org, ncbi.nlm.nih.gov, nfb.org, census.gov, w3.org, joeclark.org, fcc.gov, screenreader. net, support.apple.com, webaccess.berkley.edu, freedomscientist.com, предприемач.com, color-blindness.com, webaim.org

Източници

  • Световно изслушване
  • Широко разпространено увреждане на зрението
  • Конвенция на ООН за правата на хората с увреждания и незадължителен протокол (PDF)
  • Преобладаване на загуба на слуха в Съединените щати
  • Статистика за слепотата
  • Цветна слепота
  • Часовник на САЩ и световно население
  • Социални фактори в разработването на бизнес казус за уеб достъпност за вашата организация
  • Как хората с увреждания използват компютри?
  • Закон за комуникация и достъпност на видео в 21 век (CVAA)
  • 5 Предимства на достъпния дизайн на уебсайтове
  • Правни и политически фактори при разработването на бизнес казус за уеб достъпност за вашата организация
  • Mac 101: VoiceOver
  • Видове помощни технологии
  • Дислексия шрифт
  • Как потребителите с увреждания имат достъп до Интернет
  • Ue цвят с грижа
  • Свободен софтуер за изтегляне на научен софтуер
  • Как да направите уебсайта си по-удобен за мобилни устройства
  • Coblis – симулатор за ослепяване на цвета
  • Въведение в уеб достъпността
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map