Веб-разработчики часто забывают или избегают доступности веб-сайтов. Но при некотором понимании это не требует больших дополнительных усилий и даже предлагает неожиданные преимущества.
Доступность. Без порога. Как опытный разработчик интерфейса, вы слышали об этом несколько раз. Но что именно? Кое-что о слепых людях, которые не могут пользоваться вашим сайтом, верно? Вы чувствуете вопиющую вину за то, что эта тема вас мало интересует. Итак, чтобы избавиться от этих чувств, обратитесь к своему руководству: если вы сможете сделать это их проблемой, вам больше не о чем беспокоиться, верно? Но что говорит руководство? «Вы правы, мы должны что-то с этим делать. Идите вперед и выясните, что именно должно произойти. “
Это именно то, что случилось со мной совсем недавно во время внештатной работы. Я решил воспользоваться этой возможностью, чтобы получить более глубокое понимание предмета. Когда я начинал, я считал доступность сложной и расплывчатой темой. Я связал это с устаревшими государственными правилами и уродливыми заблокированными веб-сайтами. Но что получается? Доступность — интересная тема!
Я вижу много параллелей между доступностью и адаптивным дизайном. С адаптивным дизайном вы пытаетесь сделать свой сайт подходящим для максимально возможного количества устройств. Доступность делает то же самое. Разница, однако, в том, что вы фокусируетесь не только на разрешениях экрана, но и на возможностях ввода и вывода каждого устройства. Дисплей есть вообще? Или ваш сайт читается или печатается шрифтом Брайля? Есть мышь или только клавиатура? Или все должно обслуживаться голосовыми командами?
Примеры из реального мира
Доступность означает, что каждый может использовать ваш сайт. А какие целевые группы нужно учитывать — тема сама по себе интересная. Например, подумайте о пожилых пользователях, страдающих проблемами с памятью, о людях с дислексией или о людях, которые не могут пользоваться мышью из-за RSI. Взгляните на статью W3C's Stories or Web Users, чтобы узнать, как люди с разными ограничениями используют Интернет.
Я прекрасно понимаю, что вы задаетесь вопросом, насколько полезно тратить много времени и сил на поддержку, может быть, небольшой части ваших посетителей на практике. Но это люди, которые очень заинтересованы в хорошо функционирующих веб-сайтах. Так что, если ваш веб-сайт — единственный в вашей отрасли, который имеет хорошую доступность, вы внезапно станете сайтом для целой подгруппы вашей потенциальной аудитории.
Представьте, что большая часть Интернета будет для вас непригодна. Это сильно ограничивает ваши возможности в современном мире. Никаких интернет-магазинов, никаких потоковых медиа. Может показаться, что вы находитесь в Интернете со старым браузером Netscape. Большинство сайтов работают грубо, но настолько плохо, что это очень разочаровывает. Как долго вы будете это принимать?
К счастью, нетрудно предложить всем своим посетителям хорошо функционирующий веб-сайт. Если вы придерживаетесь стандартов HTML и лучших практик, ваш веб-сайт часто уже доступен «из коробки». Но чтобы добавить это дополнительное удобство, вам нужно работать творчески. И это просто хороший вызов.
Альтернативный текст
Возьмите «альтернативный текст» для изображения. Вы знаете, текст, который показывает браузер, если ваше изображение не может быть загружено. Некоторые люди с нарушением зрения вообще не видят изображение, но могут позволить своему компьютеру прочитать замещающий текст. Поэтому, если на картинке есть информация о том, что пользователям нужно правильно следить за страницей, они будут зависеть от вашей подписи. Думать, что вписывается в текст, все еще не так просто, как вы думаете. WebAIM даже посвящает этой теме целую статью. Я обязательно посмотрю эту статью — она учитывает много материала и содержит хорошие вопросы викторины между ними. Для меня, например, я раньше никогда не понимал, что в альтернативном тексте также можно указать слишком много информации, или есть ситуации, когда вы даже должны оставить альтернативный текст пустым.
Знаете ли вы, кто также читает ваш замещающий текст? Google — Потому что, конечно, они работают с ботами, которые тоже не знают, как выглядит изображение. (Не по крайней мере — они этим заняты.) Так что, если вы сможете написать хороший замещающий текст, ваш рейтинг SEO снова повысится.
Это шаблон, который вы видите чаще: улучшение доступности веб-сайта дает вам дополнительные преимущества, которые интересны всем вашим посетителям. Этот момент ясно продемонстрирован в серии видеороликов, найденных на YouTube под заголовком «Перспективы веб-доступности». Взгляните на это! Видео сделаны качественно и очень интересно. Девиз этих видеороликов: «Доступность: важно для некоторых, полезно для всех». Я полностью согласен с этим утверждением.
