Страховая расторгает договор ОСАГО — что нужно знать — Транспорт на vc.ru
Ситуация: водитель попал в ДТП и узнал, что страховщик давно аннулировал его полис автогражданки. Объясняю, как это могло произойти и возможно ли в принципе восстановить соглашение.
516 просмотров
Фото: Dan Gold
Что по закону
По правилам ОСАГО страховая действительно может расторгнуть договор с клиентом в одностороннем порядке. Однако список причин короткий — все они прописаны в пункте 1.15 положения Банка России № 431-П.
Первая причина довольно обширная. Это — случаи, предусмотренные законодательством РФ. На практике к ним относят ликвидацию страховщика или юридического лица, выступающего страхователем. Здесь все понятно: страховая компания не сможет выполнить обязательства, если её в принципе не существует. Подобные ситуации встречаются крайне редко.
Под эту же категорию попадает отзыв лицензии СК. Компания расторгает все договоры и возвращает клиентам деньги — если это предусмотрено соглашением.
Вторая причина — ошибки при оформлении документации. Например, если водитель сообщил ложные данные об авто с целью сэкономить на полисе. В принципе, поводом для расторжения договора ОСАГО может стать любая ошибка в тексте документа. Но с некоторыми из них вполне можно спорить. В прошлом году Банк России признал незаконным аннулирование полиса из-за неправильного номера квартиры заявителя. Как отметил регулятор — номер квартиры не влияет на страховые риски.
К слову, проверить, действителен ли ваш полис ОСАГО, можно на сайте РСА. Достаточно указать серию и номер полиса, а также дату, на которую запрашиваются сведения.
Как выявляют ошибки
Данные в договоре «пробивают» по государственным реестрам — базам такси и ГИБДД, спискам заводов-производителей.
Также проверяют территориальный коэффициент. Однако политики страховых компаний по этому вопросу отличаются. Часть компаний определяет коэффициент по данным из паспорта владельца машины, другие — по информации в свидетельстве о регистрации транспортного средства или ПТС [если автомобиль поставлен на учёт в ГИБДД]. Поэтому перед оформлением договора желательно уточнить алгоритм проверки в офисе страховщика.
Замечу, что по закону автовладелец обязан сообщить страховой об изменении сведений, указанных в действующем полисе — например, при замене ВУ или СТС. Любое несоответствие, и инспектор ГИБДД может посчитать полис недействительным, а за это правонарушение у нас предусмотрен штраф.
Когда полис можно восстановить
В среднем из-за ошибок в данных страховые расторгают порядка 1,5% договоров ОСАГО ежемесячно. Однако их можно восстановить, если:
В договоре проставлены неправильные единицы мощности двигателя — например, киловатты, вместо лошадиных сил.
Мощность двигателя отличается не более чем на одну лошадиную силу как в большую, так и меньшую сторону.
Договор корректируют с помощью дополнительного соглашения. Если автовладельцу необходимо доплатить определенную сумму, он должен сделать это в течение 10 дней. В противном случае договор будет расторгнут окончательно и без возможности восстановления. Отменить аннулирование не получится и в том случае, если клиент неправильно указал категорию ТС и цели его эксплуатации.
Фото: Egor Vikhrev
Замечу, что некоторые страховые компании аннулируют полисы водителей, машины которых, по их оценкам, не подлежат восстановлению после ДТП — то есть проходят по категории «тотал».
Страховщик выплачивает владельцу денежную компенсацию и расторгает договор ОСАГО в одностороннем порядке. Однако регулятор считает такую практику незаконной. Гражданский кодекс дает автолюбителю право восстановить автомобиль, даже если в глазах представителей СК это бессмысленно или невозможно. Действие автогражданки может быть прекращено, только когда автомобиль был физически утилизирован и снят с регистрации в ГИБДД.
Подобные конфликты «разруливает» финансовый омбудсмен. Его услуги бесплатны, а решения обязательны к исполнению. Если это ваша ситуация, можете обратиться к нему за консультацией.
Что касается возврата денег за полис. Частичное возмещение предусмотрено только тогда, когда клиент сам разрывает договор ОСАГО. Если расторжение произошло по инициативе СК, деньги вернуть не получится. Но всегда можно попробовать оспорить решение страховщика с помощью финансового омбудсмена или через суд.
Мои свежие посты на vc.ru:
Как проектировать цифровые интерфейсы с учетом всех ограничений | by Maurice-Matar Wehbe
Однажды я сидел на террасе в Париже и увидел на соседнем столе мужчину с параличом нижних конечностей с тактильной ручкой во рту, он также нашел способ прикрепить свой смартфон под подбородком и использовал ручку ртом, чтобы перемещаться по телефону!
Я был впечатлен. Впечатлен тем, как он обошел законы «тактильных» движений, определяющих то, как мы используем эти устройства, и заменил их движениями «лабиально-языковыми».
Именно в этот момент я понял, что нам предстоит пройти долгий путь, чтобы достичь идеальных стандартов доступности в дизайне цифровых продуктов.
В этой статье мы рассмотрим следующие темы:
- Почему мы должны относиться к доступности более серьезно?
- Какие существуют виды инвалидности и каковы их потребности?
- Как создать одинаковый опыт для всех?
Один миллиард человек , или 15% населения мира, имеют ту или иную форму инвалидности, и распространенность инвалидности выше в развивающихся странах. Одна пятая от оценочного глобального числа, или от 110 миллионов до 190 миллионов человек , имеют серьезные нарушения здоровья. (Источник: Группа Всемирного банка)
В 2019 году во Франции насчитывалось 12 миллионов инвалидов, из которых 1,5 миллиона страдали нарушением зрения, а 850 000 — физической инвалидностью. Остальные нарушения связаны со слухом, умственными или умственными недостатками, а также с аутизмом и другими незначительными нарушениями.
Кроме того, ожидается, что число людей с ограниченными возможностями со временем будет расти по мере того, как молодое поколение стареет и склонно к ухудшению зрения и слуха из-за чрезмерного использования экранов и наушников.
Проще говоря, люди с ограниченными возможностями — это пользовательская база, которая столь же ценна для любого бизнеса, как и любая пользовательская база. Видя эти цифры, мы говорим о миллионах безадресных пользователей, которые могли бы воспользоваться вашими услугами и продуктами.
Более серьезное отношение к доступности при разработке продуктов и услуг может позволить любому бизнесу расширить свою пользовательскую базу прямо сейчас, а также адаптироваться к определенному будущему, когда эти потребности будут еще более востребованы.
Сегодня мы можем наблюдать пять типов инвалидности, нуждающихся в цифровом решении своих потребностей:
- Нарушение зрения.
- Глухие или слабослышащие.
- Расстройство аутистического спектра.
- Физическая инвалидность.
- Неспособность к обучению.
Каждый из этих видов инвалидности имеет разные наборы потребностей, но большинство этих потребностей можно удовлетворить одним и тем же способом. Давайте рассмотрим эти потребности и способы их решения!
NB: Этот пост не принимает во внимание потребности других лиц с ограниченными возможностями, не перечисленных здесь.
Нарушение зрения и связанные с ним потребности:
Нарушение зрения касается как людей, страдающих полной слепотой, так и людей, которые просто носят очки. Тем не менее, у некоторых людей есть серьезные нарушения зрения (плохое зрение, астигматизм, катаракта…), которые, несмотря на корректирующие очки или хирургическое вмешательство, не могут читать мелкий текст или различать мелкие детали, если они не увеличены.
Нарушение зрения также касается людей с дальтонизмом.
Сегодня несколько веб-сайтов предоставляют некоторые инструменты для помощи людям с нарушениями зрения:
- Инструмент для увеличения текста:
Этот инструмент позволяет увеличить текст, чтобы облегчить чтение мелкого текста. Однако, если ваш веб-сайт содержит много информации, увеличение текста полностью нарушит структуру вашего веб-сайта и, таким образом, сделает ваш UX бесполезным. (см. пример ниже) Это увеличение текста еще больше мешает на мобильных устройствах…
Чтобы избежать использования этого типа инструмента, есть несколько альтернатив, таких как использование шрифт большего размера (не менее 19 пикселей), а также шрифт с четкими буквами и интервалами (хорошими примерами являются Verdana и Arial). , лучше избегать четкого текста и элементов и работать над контрастом. Существует множество веб-сайтов, где вы можете протестировать свою цветовую палитру и представить, как ее увидит дальтоник.
Вы можете использовать toptal, например, для проверки рендеринга вашего сайта в зависимости от типа дальтонизма! Есть и другие инструменты для тестирования уникальных цветов, вы можете узнать больше здесь.
- Инструмент для озвучивания:
Это интересный инструмент для людей с ослабленным зрением и полной слепотой. Он состоит из кнопки на странице веб-сайта для активации голоса, который будет читать или описывать все, на что наведет курсор этот человек. Однако до сих пор я не нашел хорошего примера на веб-сайте, который правильно использует эту функцию. Все, что я смог найти, это индикатор того, что мы можем прослушивать содержимое веб-сайта, но эта функция не работала должным образом.
Однако недавно я открыл для себя VoiceOver от Apple для IOS и был впечатлен всеми его возможностями! Вы можете узнать больше об этом здесь: Apple VoiceOver (OS X).
Я нахожу этот инструмент невероятным, однако в некоторых случаях его использование требует сторонних объектов, таких как обновляемая таблица Брайля для людей, которые хотят нормально читать, а не слушать. (Давайте не будем забывать о глухих и слепых одновременно!)
Однако мне интересно, почему это приложение не API? Таким образом, каждый веб-сайт и приложение на каждом устройстве будут полностью оборудованы!
- Полноценный инструмент персонализации контента:
Пока это уникальный случай, другого примера найти не удалось, но на одном веб-сайте реализован невероятный инструмент фильтров, позволяющий персонализировать веб-сайт с различными профилями нарушений зрения. на свои нужды! Вы можете проверить это здесь: jobinlive.com (см. изображения ниже, чтобы найти фильтры).
Подводя итог, можно сказать, что нарушение зрения является труднее всего обеспечить инвалидность, но с развитием технологий озвучивания, а также средств управления речью обеспечить эти потребности будет проще, чем когда-либо.
Глухие и слабослышащие и их потребности:
Это одна из самых простых форм инвалидности:
- Если на вашем веб-сайте есть музыка, предоставьте способ сообщить пользователю, что на веб-сайте также есть музыка. как вариант, чтобы отключить его или изменить громкость. Сегодня Google Chrome уже указывает, что звук идет с определенной страницы, размещая значок динамика на вкладке сайта в навигаторе.
- Всегда добавляйте субтитры к своим видео! Я не могу не подчеркнуть этого в достаточной мере, но все еще есть много компаний, которые недооценивают важность субтитров. Кроме того, субтитры предназначены не только для глухих или слабослышащих людей, но и для людей с нормальным слухом, которым необходимо просматривать видео в общественных местах и без наушников! Многие компании упустили множество возможностей удержать пользователей из-за отсутствия субтитров в видеопрезентациях своего продукта.
- Предоставьте несколько способов связаться со службой поддержки клиентов. Со многими клиентскими службами сегодня можно связаться только по телефону, и некоторые из них очень долго отвечают по электронной почте. Пожалуйста, научите свою службу поддержки клиентов быстрее отвечать на электронные письма или предоставлять чат или видеочат, подходящий для людей с нарушениями слуха. Другой альтернативой является наличие очень подробной страницы часто задаваемых вопросов с множеством ответов на множество возможных вопросов.
Расстройство аутистического спектра и его потребности:
Как и для глухих, людей с аутизмом довольно легко спроектировать для:
- Избегайте веб-страниц, которые слишком загромождены элементами. Многие люди с аутизмом обладают повышенным сенсорным восприятием и могут отвлекаться на переполненные страницы. В этом случае вы должны отдавать предпочтение пробелам.
- Люди с аутизмом также предпочитают согласованность и надежность, включая веб-страницы с предсказуемым макетом и навигацией.
- Текст должен быть как можно более простым, а также содержать определения любых нестандартных терминов, таких как идиомы, жаргонизмы, сокращения и акронимы. Правильная грамматика и правописание важны. Люди с аутизмом могут зацикливаться на вещах, которых не понимают, или терять концентрацию.
- Пользователи должны максимально контролировать поведение сайта. По возможности избегайте ограничений по времени для контента или автоматических обновлений. Предоставляйте четкие инструкции и сообщения об ошибках при заполнении форм.
Для получения дополнительной информации вы можете посетить этот сайт.
Физическая инвалидность и связанные с ней потребности:
Людям с ограниченными физическими возможностями в основном требуется приспособление жестов к цифровым продуктам и услугам.
- Большие «нажимаемые» области (кнопки CTA, панели поиска, вкладки и т. д.), поскольку их двигательные навыки ограничены и требуется больше усилий для наведения на маленькие цели, лучше увеличить наиболее важные взаимодействия.
- Отдавайте приоритет самому важному содержимому, чтобы избежать долгой прокрутки или смахивания. Некоторые люди используют другую часть своего тела для прокрутки (ступня, локоть, подбородок, рот с тактильным пером…), чтобы прокрутить или провести пальцем по своему устройству. Долгая прокрутка может быть утомительной, особенно если этот человек использует свой подбородок. Кроме того, предоставьте способ настроить чувствительность прокрутки.
- Найдите лучшую альтернативу выпадающим спискам для ввода информации в формы . Хотя выпадающие списки — это хороший способ ввода информации касанием экрана, они часто требуют долгой прокрутки (например, когда вы вводите дату или год своего рождения). Есть лучшая альтернатива, такая как полный календарь. Вы можете обратиться к этому сайту за дополнительными примерами: www.fuckdropdowns.com
- Пошаговая расстановка приоритетов туннелей/процессов. Таким образом, вы сокращаете прокрутку и отдаете предпочтение ленте.
например для форм подписки. Это позволяет использовать кнопки CTA большего размера и увеличивает возможность введения большего количества пробелов.
Неспособность к обучению и связанные с этим потребности:
Это может вас удивить, но дислексия считается «неспособностью к обучению», а не «нарушением зрения»! Это связано с тем, что источником дислексии является то, как наш мозг анализирует текст.
Для людей с дислексией существует специальный шрифт, который позволяет им легко читать. Это единственная потребность, которая есть у этой инвалидности. Однако самое сложное — беспрепятственно внедрить его в свой продукт. До сих пор лучший пример, который я нашел, был с работой в живых фильтрах предпочтений (упомянутых выше).
Однако иногда более крупные шрифты позволяют легко читать, но это не всегда так и требует обучения.
Для меня обеспечение доступности цифровых продуктов не обязательно означает втиснуть в цифровой интерфейс все возможные инструменты и приспособления! Но найти золотую середину, которая может подойти более чем половине различных профилей, а также добавить опцию в нижний колонтитул для профилей, которые нуждаются в большей персонализации (аналогично работе в реальном времени).
Вот список того, что обязательно должно быть в любых цифровых продуктах, чтобы соответствовать более чем средним стандартам доступности и ограниченным возможностям, которые будут затронуты этими изменениями:
- Крупные тексты (нарушения зрения, аутизм, дислексия)
- CTA (инвалидность, нарушения зрения)
- Пошаговый туннель (физическая инвалидность)
- Субтитры (глухота, аутизм)
- Звуковые индикаторы и элементы управления (глухота, аутизм)
- Дополнительные пробелы (нарушения зрения, аутизм, дислексия, физическое)
- Использование резких и разнесенных букв (нарушения зрения, аутизм, дислексия)
- Чат службы поддержки клиентов или подробный FAQ (глухота, аутизм)
изменен дизайн страницы регистрации организации, которая стремится предоставить работу людям с ограниченными возможностями, принимая во внимание все их потребности: Дружественная страница регистрации для людей с ограниченными возможностями.
Как видите, разработка дизайна для разных типов инвалидности не так уж сложна и требует лишь немного вашего внимания во время юзабилити-тестирования вашего продукта! Проверьте это на людях с ограниченными возможностями, если можете, или обратитесь к этому руководству!
Тем не менее, в этой статье рассматривается только часть цифрового размещения, в то время как многое еще предстоит сделать, особенно в играх, дополненной реальности и новых продуктах, которые требуют определенных взаимодействий, но нет ничего невозможного!
Спасибо за чтение и пишите мне в комментарии, если у вас есть какие-либо вопросы!
Удачи.
The UX Collective жертвует 1 доллар США за каждую статью, опубликованную на нашей платформе. Эта история помогла UX Para Minas Pretas (UX For Black Women), бразильской организации, занимающейся продвижением равенства чернокожих женщин в технологической отрасли посредством инициатив действий, расширения прав и возможностей и обмена знаниями. Молчание против системного расизма — не выход.
11 способов сделать свой веб-сайт более доступным в 2021 году
Насколько большую часть вашей повседневной жизни занимает использование Интернета?
Подумай хорошенько – Как ты делал рождественские покупки? Ваше банковское дело? Как вы находите рецепты, чтобы приготовить на ужин? Как вы поддерживаете связь с семьей и друзьями? Лично я не смог бы работать без интернета.
Для многих из нас Интернет стал неотъемлемым аспектом нашей повседневной жизни, однако многие люди не осознают, что опыт использования этого вездесущего ресурса не у всех одинаков.
Если вы один из миллиарда людей в мире, которые имеют ту или иную форму инвалидности, то подключение и простота использования в Интернете не всегда гарантируются.
Фактически, отчет, в котором анализировался один миллион самых популярных веб-сайтов, показал, что только 1% этих веб-сайтов соответствует наиболее широко используемым стандартам доступности.
Откровенно говоря, как человеку, который борется с красно-зеленой цветовой слепотой, это действительно отстой, и с точки зрения бизнеса, это также может быть юридическим вопросом.
С положительной стороны, несмотря на то, что предстоит еще многое сделать, мы начинаем замечать, что компании уделяют больше внимания доступности и обращают внимание на важность создания равных (или, как мы увидим в этом статья, включительно) опыт просмотра веб-страниц.
🔎 Связанная функция: доступность веб-сайта: угрожает ли вашей компании судебный иск о соответствии ADA?
Многие компании не спешат внедрять тактику доступности веб-сайтов и инклюзивного дизайна на своих собственных веб-сайтах, потому что они ошибочно полагают, что это сложный и дорогой процесс.
Я здесь, чтобы сказать вам, что это совсем не так.
На самом деле, есть несколько действительно простых вещей, которые вы можете реализовать на своем веб-сайте, чтобы ускорить процесс.
Ниже я расскажу вам об 11 способах сделать свой веб-сайт более доступным и использовать инклюзивный дизайн.
Что такое инклюзивный дизайн?
Доступный дизайн и инклюзивный дизайн — две области, которые идут рука об руку; подобно тому, как люди говорят о UX и UI.
Проще говоря, инклюзивный дизайн гарантирует, что ни одна группа не будет упущена из виду в ваших усилиях, а доступность является тактикой для достижения этой цели.
Многие компании совершают ошибку, создавая веб-сайты и маркетинговые кампании, как если бы они были их собственными конечными пользователями. Однако это почти никогда не бывает.
В 2021 году вам нужно заботиться о разнообразии, справедливости и инклюзивности. Это означает расширение ваших сообщений, средств массовой информации и дизайна для учета растущей аудитории, состоящей из разных слоев общества, включая возрастные группы, образование, сексуальную ориентацию, пол, социально-экономические классы и религии, среди прочего.
Pinterest — вдохновляющий пример компании, которая делает большие успехи в укреплении разнообразия и инклюзивности. За последний год они внедрили ряд новых функций, таких как фильтры тона кожи, чтобы усилить голоса недостаточно представленных сообществ, и приложили сознательные усилия для диверсификации своей руководящей команды.
Теперь я понимаю, что это может быть для вас новым, и вы можете не знать, с чего начать, и это нормально.
Чтобы помочь вам начать, собственный управляющий редактор IMPACT Рамона Сухрадж недавно написала статью под названием «5 быстрых изменений, которые помогут запустить ваш инклюзивный маркетинг в 2021 году». Я настоятельно рекомендую ознакомиться с полной статьей, но некоторые из основных выводов включают в себя:
- Обновление стоковых фотографий и видео на вашем веб-сайте за счет более разнообразных фотографий.
- Разнообразьте свои отзывы, тематические исследования и обзоры, чтобы показать, что вы добились успеха у более широкой аудитории.
- Добавьте больше видео и аудио в свой набор контента, чтобы удовлетворить потребителей, у которых могут быть невидимые отличительные черты, такие как проблемы с обучением или зрением.
- Предлагайте контент или поддержку на других языках
Реализация этих выводов на вашем сайте поможет вам создать более инклюзивный опыт.
Исходя из этого, давайте углубимся в некоторые подробности о том, как вы можете начать работу с инклюзивным дизайном.
11 способов сделать ваш веб-сайт более доступным и инклюзивным
1. Переосмыслите структуру своего контента
Контент вашего веб-сайта — это самый важный актив на вашем веб-сайте.
Ну да?
Отличный контент — это то, что привлекает посетителей вашего веб-сайта, помогает обучать их и, в конечном итоге, превращает их в потенциальных клиентов, готовых к продажам, но что, если ваши потенциальные клиенты не смогут прочитать ваш контент?
Для 253 миллионов человек во всем мире, страдающих какой-либо формой инвалидности по зрению, это вполне реальный сценарий.
Когда дело доходит до вашего контента, убедитесь, что вы структурируете его таким образом, чтобы его было легко читать пользователям с нарушениями зрения, языка и когнитивных функций.
Одна из самых простых вещей, которые вы можете сделать, это убедиться, что вы разбиваете более длинные блоки контента на более мелкие разделы, разделенные заголовками и подзаголовками.
Людям с нарушениями чтения или зрения может быть сложно удержаться на месте и следить за потоком текста, когда блоки контента слишком длинные.
В дополнение к разделению вашего контента, W3C также предлагает следовать этим рекомендациям, когда дело доходит до структурирования вашего контента:
- Убедитесь, что между контентом и его фоном есть достаточный контраст
- Старайтесь, чтобы максимальная ширина содержимого не превышала 80 символов в строке
- Увеличьте высоту строки как минимум в 1,5 раза от размера шрифта
- Избегайте полностью выравниваемого текста
Эти простые вещи могут иметь огромное значение для людей с нарушениями зрения или чтения.
2. Используйте правильную разметку в своем контенте
Помимо того, что вы обращаете внимание на то, как вы структурируете свой контент во внешнем интерфейсе, вам также необходимо убедиться, что вы используете правильную HTML-разметку для структурирования своего контента в бэкенде. Ваш сайт.
🔎 Связано: что такое разметка схемы и как ее добавить для повышения SEO
Это означает использование элементов HTML, таких как тег
Не менее важно использовать теги заголовков (h2, h3, h4 и т. д.) во всем контенте.
Теги заголовков не только создают визуальную иерархию в интерфейсе вашего веб-сайта, облегчая пользователям с плохим зрением понимание порядка содержимого; но также придает структуру вашему коду в бэкэнде.
Создание этой структуры и использование этих тегов имеют решающее значение, когда речь идет о доступности, потому что это то, что дает контекст для программ чтения с экрана, на которые многие слабовидящие или слепые пользователи полагаются при просмотре веб-страниц.
БОНУС: Поисковые системы также используют эти теги заголовков при сканировании ваших веб-страниц, поэтому включение этих тегов может помочь улучшить ваш поисковый рейтинг.
3. Поддержка навигации с помощью клавиатуры
Доступность с помощью клавиатуры — важная часть общей картины доступности веб-сайта.
Для людей с нарушениями опорно-двигательного аппарата или слабовидящих клавиатура может быть основным средством навигации по веб-сайту.
Это означает, что если ваш веб-сайт не оптимизирован для навигации с помощью клавиатуры, это может сильно разочаровать этих пользователей. Представьте, что вы не можете легко нажать кнопку воспроизведения или заполнить форму, чтобы загрузить предложение.
Основная цель навигации с помощью клавиатуры — дать пользователям возможность выбирать каждый интерактивный элемент на веб-странице с помощью клавиши табуляции. Клавиша табуляции — это то, как пользователи, использующие только клавиатуру, перемещаются по веб-сайту.
Пример навигации по веб-странице с помощью клавиатуры
Самый простой способ проверить это — просто посетить одну из ваших веб-страниц и попытаться перемещаться по странице с помощью клавиши табуляции. Наблюдайте и отмечайте, насколько легким или сложным является этот процесс. Убедитесь, что вы также проверили движение в обратном направлении, используя Shift + Tab и выбирая элементы с помощью клавиши ввода.
Возможно, вы обнаружите, что ваш веб-сайт требует небольшой работы, прежде чем он станет полностью доступным для навигации с помощью клавиатуры. Если это так, есть ряд доступных ресурсов, но я настоятельно рекомендую проверить эту статью, чтобы стать лучше.
4. Разработка полезных состояний фокуса
Вы когда-нибудь просматривали страницу и замечали синие контуры, которые иногда появляются вокруг ссылок или кнопок?
Эти контуры известны как состояния фокусировки, и они являются невероятно полезным инструментом специальных возможностей для людей, которые используют клавиатуру для навигации по веб-сайтам. Состояния фокуса подсвечивают, какой элемент на странице выбран в данный момент, и позволяют пользователю узнать, где именно он находится на странице.
В приведенном выше примере из Википедии вы можете увидеть базовые состояния фокуса, которые встроены во все браузеры, однако визуально они не очень привлекательны. Вот почему некоторые веб-сайты фактически скрывают их, но что бы вы ни делали, не скрывать состояния фокуса на вашем сайте! Вместо этого используйте их как дизайнерскую возможность для улучшения вашего бренда.
Приложив немного усилий, вы можете разработать состояния фокусировки, которые будут хорошо сочетаться с вашим брендом, и создать более инклюзивный и удобный интерфейс.
Примеры состояний фокуса | Источник / Верфь
Как упоминалось выше, перемещайтесь по своему веб-сайту с помощью клавиши табуляции и убедитесь, что состояния фокуса вашего сайта хорошо видны на всех кнопках, ссылках и полях формы. W3C предлагает, чтобы все элементы в состоянии фокуса имели коэффициент контрастности не менее 3:1 по отношению к фоновому цвету, чтобы их было легче увидеть.
5. Напишите полезный альтернативный текст для ваших изображений
Написание полезного и описательного альтернативного текста (также известного как замещающий текст) для ваших изображений, вероятно, является одной из самых простых в реализации, но наиболее игнорируемых областей доступности.
Ранее я упоминал, что средства чтения с экрана зависят от правильных тегов HTML, помогающих пользователям с нарушениями зрения понимать веб-сайт и перемещаться по нему. Точно так же программы чтения с экрана также полагаются на замещающий текст, чтобы правильно описать этим пользователям изображения на веб-сайте.
Замещающий текст можно просто добавить к изображению с помощью атрибута Это позволяет пользователям, которые зависят от замещающего текста для интерпретации изображения, понять, что именно представляет собой изображение и как оно связано с остальным содержимым и страницей
И наоборот, могут также быть случаи, когда изображение просто декоративным или избыточным, и в этом случае вы можете добавить пустой атрибут
6. Избегайте создания изображений, содержащих текст
В темные времена Интернета создание изображений, содержащих текст, было обычной практикой.
Пример веб-сайта, созданного с использованием изображений в качестве текста. Синие кнопки вверху имеют текст, встроенный в саму кнопку; его нельзя выделить или прочитать отдельно от изображения. | Источник / Logrocket
Дизайнеры и разработчики были ограничены отсутствием стандартов кодирования и возможностей браузера, поэтому им нужно было придумать несколько «творческих» обходных путей для создания визуально привлекательных макетов.
К счастью, с тех пор веб-дизайн прошел долгий путь, и нам больше не нужно прибегать к таким дизайнерским хитростям. Однако это не означает, что в Интернете полностью отсутствуют изображения такого типа.
Многие компании до сих пор используют этот подход к графике, например картам, графикам и диаграммам, и это может вызвать несколько различных проблем, когда речь идет о специальных возможностях.
Основной из них заключается в том, что программы чтения с экрана не могут точно прочитать текст, встроенный в изображение. Изображения также имеют тенденцию изменять размер в зависимости от того, находится ли пользователь на настольном компьютере, планшете или мобильном телефоне.
Это означает, что по мере того, как окно браузера становится меньше, изображение с текстом также уменьшается. Это может чрезвычайно затруднить, если не сделать невозможным, чтение для любого пользователя, не говоря уже о пользователях с ослабленным зрением.
Когда дело доходит до контента и изображений, всегда старайтесь сделать контент живым текстом и, как упоминалось выше, также убедитесь, что вы включили замещающий текст для изображения, описывающего его важность.
7. Используйте описательные метки с полями формы
Одно из самых эффективных мест, с которого вы можете начать свои усилия по обеспечению доступности, — это ваши формы. Для многих из нас наши средства к существованию в области маркетинга и продаж зависят от заполнения форм, поэтому крайне важно, чтобы любой мог легко заполнить их.
Распространенная ошибка, которую допускают бренды на своих веб-сайтах, заключается в использовании текста-заполнителя в качестве меток.
Обычно это делается для экономии места на экране, но за счет удобства использования.
Текст-заполнитель — это текст светло-серого цвета с низкой контрастностью, который вы можете увидеть в некоторых формах и который исчезает после того, как вы начнете вводить текст в поле. Это может быть сложно для слабовидящих пользователей.
Поскольку этот текст также исчезает при вводе информации, также может быть сложно вспомнить, для чего изначально предназначалось это поле.
Кроме того, для тех пользователей, которые используют программы чтения с экрана, программа чтения с экрана обычно читает только элементы
Помимо использования тегов
Имейте в виду, что это не означает, что вам нужно загромождать формы ненужной информацией, просто убедитесь, что вы предоставляете важные подсказки, чтобы пользователи могли избежать любых догадок.
8. Сделайте свой копирайтинг простым
Ясный и лаконичный контент — это доступный контент. Легко и просто.
Если ваш контент будет четким, лаконичным и избегайте ненужного жаргона, вы откроете его для более широкой аудитории. Это поможет людям с когнитивными нарушениями, носителям языка или людям с ограниченными возможностями обучения легче читать и понимать ваш контент.
Помимо того, что ваш контент должен быть четким и кратким, при написании также старайтесь помнить о следующих правилах:
- Если вам нужно использовать аббревиатуру, жаргон или технический термин, попробуйте предоставить пользователям глоссарий этих терминов, а также предоставьте альтернативу на простом английском языке
- При использовании сокращений используйте расширенную версию сокращения при первом использовании
- По возможности используйте списки
- Попробуйте использовать изображения или видео, чтобы прояснить сложные идеи
9.

Цветовой контраст — это часть доступности веб-сайта, которую часто упускают из виду. Многие из нас могут смотреть на блок текста на фоне другого цвета и не задумываться, однако для 285 миллионов людей, живущих с нарушениями зрения, текст, недостаточно контрастирующий с фоном, может стать кошмаром. читать.
Согласно W3C, идеальный коэффициент контрастности между текстом и его фоном должен составлять не менее 4,5:1.
Эти коэффициенты контрастности становятся более щадящими по мере увеличения размера текста. Для контента размером не менее 18 или 14 пунктов полужирным шрифтом минимальный коэффициент контрастности снижается до 3:1, что дает больше вариантов цветов для дизайна.
Глядя на все эти числа и соотношения, вы можете подумать: «Звучит как математика. Как, черт возьми, я должен это понять?!
Не бойтесь, потому что Интернет — прекрасное место, существует множество бесплатных инструментов, которые сделают за вас всю математику и предположения. Мой любимый инструмент для этого — WebAIM Color Contrast Checker.
Это сложно сказать, но это самый простой в использовании инструмент. Вы просто вводите шестнадцатеричный код цвета для своего текста и фона, и он сообщит вам, подходит ли цветовая комбинация.
Используйте этот инструмент для проверки цветового контраста не только основного содержимого, но и таких элементов, как кнопки, поля форм и даже значки.
10. Не полагайтесь на цвет при отображении важной информации.
Для людей с дальтонизмом это действительно близко к цели.
Когда вы показываете важную информацию, такую как данные на графике или ошибку в поле формы, вы никогда не должны использовать цвет в качестве единственной визуальной подсказки. Людям со слабым зрением или дальтонизмом может быть трудно увидеть только различия в цвете.
Лично меня ничто не сводит с ума больше, чем когда я смотрю на круговую диаграмму, в которой для различения данных используются только разные оттенки синего, и в итоге не понимаю, на что я смотрю.
При показе людям любого типа данных используйте дополнительные элементы, такие как метки или шаблоны, наряду с цветом, чтобы данные было легче различать.
Пример диаграммы с использованием цвета и текстуры для отображения данных | Источник / Университет штата Северная Каролина
То же самое касается выбранных параметров в приложении или состояний ошибок в поле формы. Не полагайтесь только на цвет, чтобы показать эти элементы, вместо этого сочетайте их с чем-то более наглядным, например, со значком, сообщением об ошибке или даже с чем-то простым, например выделением текста жирным шрифтом.
Spotify — отличный пример того, как легко можно сделать такие элементы, как выбранные параметры в приложении, более доступными.
Источник / Мы дальтоники
В приведенном выше примере показано изображение панели управления Spotify. Обратите внимание на значки перемешивания и повтора.
При выборе любого из этих значков они становятся зелеными. Сам по себе зеленый цвет значка не подходит для пользователей с нарушениями зрения. Значки маленькие, а зеленый плохо контрастирует с черным.
Чтобы решить эту проблему, Spotify просто добавил небольшую точку под значком, чтобы сигнализировать о выборе параметра. Вот такое простое, но эффективное решение. Точка не меняет внешний вид приложения и не смущает пользователей, не страдающих дальтонизмом, но значительно улучшает работу тех пользователей, которым она действительно нужна.
Имейте это в виду, предоставляя пользователям аналогичную информацию. Такая тонкая деталь может иметь большое значение.
11. Избегайте мигания анимации пользовательского интерфейса
Я помню, как учился в начальной школе и слышал, как дети на игровой площадке рассказывали об эпизоде из «Покемонов», от которого у детей случались судороги. В то время это больше походило на фольклор, но годы спустя я узнал, что в этой истории есть доля правды.
Судя по всему, в эпизоде «Электрический солдат Поригон» была сцена драки с использованием быстро мигающих красных и синих огней, которая длилась около шести секунд. Сообщалось, что мигающие огни с этой сцены вызвали судороги у тысяч детей.
С тех пор фактическое количество припадков, вызванных этим эпизодом, подвергалось сомнению, но инцидент, теперь известный как «Pokémon Shock», является одной из основных причин, почему сегодня мы видим предупреждения о светочувствительных припадках в шоу и видеоиграх. которые содержат мигающие огни.
Этот выпуск напоминает о том, насколько осторожными мы должны быть с анимацией и эффектами, которые мы размещаем на наших веб-сайтах и в нашем видеоконтенте.
Эпилепсия — очень серьезное заболевание, которое может вызывать припадки, вызванные мигалками. Вот почему так важно убедиться, что мы следуем так называемому «Правилу трех мер». Правило гласит, что любая анимация или контент, который мигает более трех раз в секунду, небезопасны.
Лучшее решение для этого — просто избегать любых мигающих анимаций на вашем веб-сайте, чтобы обеспечить его безопасность для всех.
Инструменты и ресурсы, помогающие обеспечить доступность и инклюзивный дизайн
В дополнение к этим 11 тактикам, позволяющим сделать ваш веб-сайт более доступным, существует множество ценных инструментов и ресурсов, которые помогут вам на пути к доступности и инклюзивному дизайну.
Компания W3C проделала потрясающую работу по составлению списка инструментов и ресурсов специальных возможностей. Вы можете просмотреть полный список ресурсов здесь, но вот некоторые из моих любимых, чтобы вы могли начать:
Руководство W3C по обеспечению доступности веб-сайтовРуководство W3C по обеспечению доступности веб-сайтов, о котором я упоминал в этой статье, представляет собой Библию рекомендаций по доступности веб-сайтов. Я настоятельно рекомендую добавить этот сайт в закладки и регулярно возвращаться к нему, так как информация постоянно обновляется.
Сайт содержит множество полезных советов, инструментов, информации о действующем законодательстве, судебных делах, презентациях и оценках, которые способствуют развитию доступного веб-сайта.
WebAccessibility WebAccessibility — это бесплатный инструмент, который любой может использовать для проверки доступности веб-сайта. Это отличный ресурс для начала вашего пути к доступности. Инструмент просканирует ваш веб-сайт и создаст отчет, показывающий ошибки, предупреждения и функции, которые работают хорошо.
Мы говорили об этом инструменте при обсуждении цветового контраста, но я должен повторить, насколько он действительно полезен. Постоянная проверка наличия достаточного контраста между фоном и элементами переднего плана гарантирует, что все пользователи смогут легко читать ваш контент и взаимодействовать с вашим веб-сайтом, что в конечном итоге обеспечит лучший пользовательский интерфейс. Я постоянно возвращаюсь к этому инструменту, и его простой, но подробный макет делает его очень простым в использовании.
Все сводится к эмпатии
Если вы проведете исследование, вы найдете массу различных ресурсов, в которых обсуждаются преимущества создания доступного веб-сайта и DEI в целом. Многие из этих преимуществ связаны с созданием веского экономического обоснования доступности.
Вы прочтете о таких преимуществах, как:
- Доступность может повысить ваши усилия по поисковой оптимизации, поскольку Google отдает предпочтение веб-сайтам с лучшим пользовательским интерфейсом
- Вы сведете к минимуму свои юридические риски.