Позднее Ctrl + ↑

Боль от автоматических дверей

Сегодня хочу поднять больную для многих тему — автоматические двери в помещениях.

Посмею заявить, что каждый из нас хотя бы раз в жизни стоял у двери и ждал, когда она откроется.
Буквально в пятницу я была свидетелем, как в здании крупной IT-компании люди стояли у двери в ожидании, хотя на дверях были указатели, что вход в следующую дверь.
Так что было не так? Почему указатели не работали, и каждый второй не обращал на них внимания? А дело в дизайне, был нарушен важный принцип — наглядность. Указатель был серого цвета. Да, он гармоничен с самим зданием, потому что здание все стеклянное, современное. Но это указатель, и он должен выделяться на общем фоне, так как восприятие у людей не меняется настолько быстро, как стили в архитектуре и интерьере. Думаю, если сделать указатели красного цвета, то можно уменьшить количество ошибок. Мой эксперимент на картинке.

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

Всем хороших, интуитивно понятных дверей! 👋🏻

Как программа для чтения с экрана изменила мою жизнь

И сделала мои слова более значимыми.
Перевод статьи, автор: Clarizza Fernandez.

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

Я взяла эту естественную склонность писать, как знак того, что я должна быть писателем. Итак, я последовала за мечтой до тех пор пока не закончила изучать журналистику.

В конце концов, я устроилась на работу в одну из старейших австралийских газет, которая работает продюсером для iPad. Я любила эту работу. Я могла писать каламбурные заголовки и милые подставки. Но это было страшное время — для писателей не было много работы.

Затем я устроилась на работу как писатель для некоммерческой организации. Их миссия состояла в том, чтобы делать цифровые СМИ (включая веб-контент) доступными для людей с ограниченными возможностями. Я думала, что буду писать контент для их веб-сайта и освещать новости потребительской сферы, но это потребовало гораздо большего, чем просто написание. Я узнала о возможностях, которые интернет предоставил людям с ограниченными возможностями, а также о барьерах. Интернет дал независимость, но нам, как издателям и авторам контента, необходимо было сделать его отрытым для всех.

Что такое программа для чтения с экрана?

Программа для чтения с экрана — это вид вспомогательной технологии, где слепой и слабовидящий человек может “читать” контент на веб-странице с помощью преобразования текста в речь. Чтобы сделать контент доступным для них, ты должен сделать контент “читабельным” для программы. Это включает в себя разметку контента с помощью соответствующих тегов HTML (среди прочего), чтобы структура, нетекстовый контент и ссылки на веб-странице передавались пользователю программы чтения с экрана.

Как пользователь программы чтения с экрана просматривает интернет — Smashing Magazine

Знакомство с программой для чтения с экрана и ее взаимодействием со словами на веб-странице полностью изменило мои представления о письме. До этого я писала с ясной аудиторией, ориентацией на значения новостей и годность. Теперь читатель с экрана был моим гидом.

Написание для программ чтения с экрана хорошо для всех и SEO

В процессе обучения о веб доступности я осознала, что делая мой контент доступным для программы, я оптимизировала структуру, ясность и, даже, помогла содержимому на страницах результатов поиска (привет, SEO). Это было полезное путешествие, потому что я осознала, что практика предоставления доступа к вашему контенту повышает полезность и актуальность слов, которые я публиковала в Интернете.

Есть много ресурсов для авторов, которые хотят сделать свои слова более доступными для людей, использующих программу чтения с экрана (я рекомендую познакомиться с Web Content Accessibility Guidelines (WCAG 2.1)) и многие простые методы помогут вам достичь этого.

Простые приемы, которые вы можете применить к своему контенту прямо сейчас

1. Иерархия контента и структура страницы

Применение правильных тегов уровня заголовков, например, от <h1> до <h6> важно для передачи структуры страницы в программу для чтения с экранов. Плагин Yoast публиковал очень полезную статью с описанием важности заголовков для отображения структуры. Тщательное применение HTML тегов улучшает доступность страницы, SEO и структуру.

2. Сделайте ваши заголовки описательными

Подобно тому, как зрячие пользователи просматривают веб-страницу, пользователи программы полагаются на заголовки, чтобы иметь возможность “сканировать” страницу на предмет информации, которая им важна. Чем более наглядны наши заголовки, тем легче каждому (читателю экрана и зрячим пользователям) перемещаться по странице.

3. Сделайте ваши ссылки выразительными. Не используйте “Нажмите здесь”

Это руководство часто цитируется как SEO-специалистами, так и экспертами по доступности. Это W3C руководство содержит четкие указания на то, что вы должны рассмотреть вместо этого. Что касается меня, это было “правило ворот”, которое изменило мое мышление.

Вместо использования “Нажмите здесь” для текста ссылки, рассмотрите возможность использования чего-то более выразительного и описательного. Цель состоит в том, чтобы помочь пользователям понять, что последует, когда они нажмут на ссылку. Иногда требуется больше времени, чтобы составить предложение вокруг ссылки, сделая ее более доступной. Но если все сделано правильно, то это может значительно улучшить структуру предложений и общее удобство использования вашего контента.

4. Укажите альтернативный текст для нетекстового содержимого, например, для изображений

Большинство систем управления контентом (CMS) предоставляют возможность добавлять альтернативные текстовые описания для изображений. Пользователи программы чтения с экрана могут получить доступ к этой информации через атрибут alt, который вы можете включить в тег <img>.
Например,

<img src=”hellodoggo.gif” alt=”Щенок мирно сидит на диване”>

Это означает, что любое нетекстовое содержимое передается пользователям программы чтения с экрана. Бонус в том, что это дает больше видимости вашей странице по релевантным ключевым словами на страницах результатов поиска.

5. Имейте значимые заголовки страниц

Вы работаете с несколькими открытыми вкладками? Я тоже.

Зрячие пользователи могут легко определить, к какой вкладке им необходимо вернуться, просмотрев знакомый логотип и т. д. Описательные заголовки страниц дают возможность читателям с экрана перемещаться между вкладками тоже. Вы можете добавить описание заголовка страницы в пределах тега <title>. Они должны быть описательными и краткими.
Например,

<title>Коврики с узорами  —  Rugs R Us</title>

6. Знайте свою CMS

Наконец, каждая CMS уникальна. Под этим я имею в виду, что некоторые CMS будут автоматически использовать первые несколько слов вашего абзаца в качестве заголовка страницы или <h1>. Если это так, то важно знать это, чтобы вы могли оптимизировать контент для работы с программами чтения с экрана. Познакомьтесь с вашей CMS, чтобы в полной мере воспользоваться преимуществами оптимизации контента для более широкой аудитории.

Пусть программа чтения с экрана станет вашим гидом

В эпоху, когда через браузер нам доступно так много важных услуг и информации, недостаточно просто писать. Для меня программа для чтения с экрана — мой гид. Делая это, я естественным образом улучшаю общее удобство использования моего контента.

Ранее Ctrl + ↓