Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Web Design
  2. Accessibility
Webdesign

3 подсказки для создания доступности, которые я бы хотела узнать раньше

by
Length:ShortLanguages:

Russian (Pусский) translation by Alex Bogdanov (you can also view the original English article)

Вот вам три простых подсказки по созданию более полного дружественного пользователю дизайна. Но полный насколько? Согласно WebAIM, основными типами нарушений являются:

  • ВизуальныеСлепота, слабое зрение, цветовая слепота
  • СлуховыеГлухота и проблемы со слухом
  • МоторныеНеспособность использовать мышь, медленное время отклика, ограниченный диапазон моторных функций
  • УмственныеСложности с обучением, невнимательность, неспособность запомнить или сконцентрироваться на больших объемах информации

Мы должны создавать дизайн всегда помня об этих нарушениях

Accessibility tips

1. Текст "alt"

Аттрибут alt знаком всем, кто писал в коде тег <img>. Он создает другое, текстовое описание изображения. Считыватели текста на экране обычно видят, что текст alt обычно впадает в одну из крайностей: либо перегружают информацией, либо просто его не используют.

Помните, что нужно использовать краткий и понятный текст, чтобы помочь тем, у кого есть визуальные нарушения. Когда вы решитесь:

2. Не расчитывайте только на цвет

Цвет не должен быть единственным визуальным инструментом, посредством которого вы будете передавать смыслы. Используйте формы, толщину, либо другие визуальные индикаторы в дополнение к цвету.

Помните о просмотре страницы в сером цвете и использовании тестеров цветового контраста, чтобы улучшить доступность в целом.

3. Легкие шрифты не самое лучшее решение

Помню в свое время в школе дизайна мы больше полагались на то, как вещи выглядят и ощущаются. Легкий, тонкий шрифт может оказаться более простым для глаз молодых, но важно также рассматривать весь спектр пользователей и то, насколько может разниться их зрение.

Оптимизируйте толщину текста и размер, чтобы стать более функциональным для конечного пользователя, а не концентрируйтесь на эстетике.

Узнайте больше о доступности

Есть еще столько всего, что можно узнать о доступности. Подсказки выше – это отличный старт для создания мышления в рамках доступности. Чтобы двинуться дальше, взгляните на статьи ниже:

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.