Доступный дизайн для людей с нарушениями зрения

Дальтонизм

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

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

И не только для людей с нарушениями зрения, есть и другие нарушения, влияющие на навигацию.

  • Слуховой
  • Познавательный
  • Неврологический
  • визуальный

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

Вот как веб-сайт влияет на людей с нарушениями зрения

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

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

Дальтонизм

Странно, правда? Вот как это может воспринимать человек с дальтонизмом. Это также зависит от типа цветов, которые вас затрагивают. С расширением «NoCoffee», которое имитирует различные режимы отображения в зависимости от инвалидности (доступно только в Google Chrome). Мы смогли проверить, как поживают эти люди. Вот некоторые примеры:

Потеря контраста

Потеря контраста

Призрачный вид

Призрачный вид

Kатаракта

Посмотреть с "Катаратас"

Размытый вид

Размытый вид

Периферийный вид

Периферийный вид

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

Как мы уже знаем, есть инструменты для разных задач. Инструменты по умолчанию, которые есть в наших браузерах. Будь то Google Chrome, Mozilla и т. Д. Но это основные инструменты, которых недостаточно. Инструменты:

  • Увеличение или уменьшение содержания (увеличительное стекло)
  • Изменение цвета и контрастности
  • Субтитры в видео
  • Описание изображения (легенда)

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

Инструменты для слабовидящих пользователей

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

  • Цветовое колесо доступности: Это инструмент для выбора цветовых сочетаний, не вызывающих проблем с доступностью.
  • Высокий контраст: Это инструмент, с помощью которого вы можете выбрать контраст, чтобы легче читать тексты.
  • Хром Вокс Обязательно для сообщества с ослабленным зрением - обеспечивает скорость, универсальность и безопасность Chrome для слабовидящих пользователей.
  • CLiCk, говорить: Программа чтения с экрана для браузера Mozilla Firefox. Это средство очень полезно для людей с серьезными проблемами зрения или полностью слепыми.
    Легко говорящий блокнот 3.0: С помощью этого инструмента ваш компьютер будет читать сообщения электронной почты или текстовые документы, которые есть на вашем компьютере.
  • Эд Веб: Браузер с синтезатором речи, который также может отображать веб-страницы в виде комбинации текста и символов.
  • Проверка контрастности цвета: Инструмент, позволяющий указать цвет фона и текста, а также проверить их контрастность с помощью формулы WCAG 2.0.

В отличие от большинства программ обеспечения доступности, он построен с использованием только веб-технологий, таких как HTML5, CSS и Javascript. ChromeVox был разработан с нуля для обеспечения беспрецедентного доступа к современным веб-приложениям, в том числе к тем, которые используют W3C ARIA (Rich Internet Application Access) для обеспечения полноценного рабочего стола.

Веб-дизайн для легкого доступа

Веб-доступность

Если вы веб-программист или веб-мастер и вы собираетесь начать проект. Вы должны спланировать свой дизайн, зная эти рекомендации. Таким образом, мы дадим всем пользователям одинаковые возможности. Следующие предложения разработаны в Creativos Online.

Предоставьте заголовки страниц

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

Альтернативный текст (ALT) в изображениях

Образец изображения альтернативного текста

Альтернативный текст (атрибут alt в теге IMG) обеспечивает текстовую альтернативу нетекстовому содержимому на веб-страницах, например изображениях. Альтернативный текст особенно полезен для людей, которые используют программу чтения с экрана для доступа к контенту на веб-сайте.

Для передачи информации значки

Ошибка с иконками

Использование цветов для передачи определенных «правил» или рекомендаций на веб-сайте затрудняет понимание многими пользователями. Например, в форме это указывает на то, что введенный адрес электронной почты содержит неправильный значок, а не красный. Таким образом, это будет видно всем.

Обеспечивает доступность содержимого, отличного от HTML

Не только сайт должен быть доступен. Все содержимое, которое включено или связано с веб-страницей, например видео, аудио, файлы PDF, документы Microsoft Word или презентации PowerPoint, должно быть доступно.


Будьте первым, чтобы комментировать

Оставьте свой комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

*

*

  1. Ответственный за данные: Мигель Анхель Гатон
  2. Назначение данных: контроль спама, управление комментариями.
  3. Легитимация: ваше согласие
  4. Передача данных: данные не будут переданы третьим лицам, кроме как по закону.
  5. Хранение данных: база данных, размещенная в Occentus Networks (ЕС)
  6. Права: в любое время вы можете ограничить, восстановить и удалить свою информацию.