Разработчики с Марса, дизайнеры с Венеры. • Не имея в чем-то опыта - сложно оценивать риски, невозможно изначально правильно оценить масштаб, дать эстимацию. • Не всегда на проекте есть дизайнер/UX-специалист. • Иногда стыдно за результаты своего труда, ведь от этого страдают люди. • “Лоудер мне отрисуй!” • Блокер: дизайнер не отрисовал состояние selected для dropdown! • “Пиксель вправо, пиксель влево - какая разница.” • “Наша js-библиотека так не умеет.” • Но… мы же… отрисовали UI-Kit! • Иногда стыдно за результаты своего труда, ведь от этого страдают люди.
а я только на 2 сижу… На это все нужно время!” • “Пусть каждый занимается своей работой” • “Мне это в жизни не пригодится” • “Мне за это не доплачивают” • “Чтобы достичь в этом чего-то - нужен талант!” • В целом, отнимает драгоценное время, которое можно было бы посвятить техническому развитию или котикам в интернете - тайм-менеджмент! - разработка интерфейсов наша работа - да ладно? - на самом деле, доплачивают... - нет.
решения • Делает меньше очевидных ошибок • Не дергает дизайнера на каждую кнопку или диалоговое окно • Разработчик интерфейсов на максималках уже • Может делать свои сайд-проекты • Знания в дизайне интерфейсов становятся системнее • Дар предвидения • В целом позволяет работать и взаимодействовать с командой более эффективно
большего количества людей. Факторы, оказывающие влияние на доступность: • Местоположение – люди могут использовать сервис в зоне, где медленный wi-fi, в шумном кафе или солнечном парке. • Состояние здоровья – люди могут владеть лишь одной рукой по причине перелома. • Оборудование – у них может быть смартфон с маленьким экраном или устаревший браузер. • Физические ограничения - например, нарушения опорно-двигательного аппарата, речи или зрения.
<em>, <strong> вместо <i> <b>. Используй <article>, <section>, <nav>, <main>, <H1>...<H6> вместо <div><span> - эти тэги попадают в accessibility tree. Старые браузеры не поддерживают все эти штуки из html5, но они прекрасно понимают атрибут role. <nav>=<div role=”navigation”> 1. Фокус и корректная работа Tab Index. 2. Изображения и атрибут alt Что важно учитывать?