Прочитать на английском

Поделиться через

Разработка инклюзивных приложений для Windows

  • Статья

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

Если вы еще не сделали этого, начните с чтения по проектированию инклюзивного программного обеспечения.

Необходимо выполнить три действия, чтобы убедиться, что ваше приложение доступно:

  1. Предоставление программного доступа к элементам пользовательского интерфейса.
  2. Убедитесь, что приложение поддерживает навигацию по клавиатуре для людей, которые не могут использовать мышь или сенсорный экран.
  3. Убедитесь, что ваше приложение поддерживает доступные параметры цвета и контрастности .

Программный доступ

Программный доступ имеет решающее значение для создания специальных возможностей в приложениях. Это достигается, задав доступное имя (обязательно) и описание (необязательно) для содержимого и интерактивных элементов пользовательского интерфейса в приложении. Это гарантирует, что элементы управления пользовательским интерфейсом предоставляются для вспомогательных технологий (AT), таких как средства чтения с экрана (например, экранный диктор) или альтернативные выходные устройства (например, экранный диктор). Без программного доступа API-интерфейсы для вспомогательных технологий не могут правильно интерпретировать информацию, оставляя пользователя не в состоянии использовать продукты достаточно или заставляя AT использовать незадокументированные интерфейсы программирования или методы, которые никогда не предназначены для использования в качестве интерфейса специальных возможностей. Когда элементы управления пользовательским интерфейсом предоставляются для вспомогательных технологий, AT может определить, какие действия и параметры доступны пользователю.

Дополнительные сведения о том, как сделать элементы пользовательского интерфейса приложения доступными для вспомогательных технологий (AT), см. в разделе "Предоставление основных сведений о специальных возможностях".

Навигация с помощью клавиатуры

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

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

При проектировании навигации с помощью клавиатуры изучите пользовательский интерфейс и думайте о следующих проблемах:

  • Как элементы управления выкладываются или группируются в пользовательском интерфейсе?
  • Есть ли несколько значительных групп элементов управления?
    • Если да, содержат ли эти группы другой уровень групп?
  • Среди одноранговых элементов управления следует выполнять навигацию, используя вкладки вокруг или с помощью специальной навигации (например, клавиш со стрелками) или обоих элементов управления?

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

Дополнительные сведения о навигации по клавиатуре между элементами пользовательского интерфейса см. в статье "Специальные возможности клавиатуры".

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

Цвет и контрастность

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

XAML

<Button Background="{ThemeResource ButtonBackgroundThemeBrush}">OK</Button>

Дополнительные сведения об использовании системных цветов и ресурсов см. в ресурсах темы XAML.

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

Дополнительные сведения см. в темах высокой контрастности.

Если вы решили использовать собственную цветовую тему вместо системных цветов, рассмотрите следующие рекомендации:

Коэффициент контрастности цвета — обновленный раздел 508 американского закона о инвалидности, а также другое законодательство требует, чтобы контрастность цветов по умолчанию между текстом и его фоном должна быть 5:1. Для большого текста (размер шрифта с 18 точками или 14 точек и полужирным шрифтом) требуется контрастность по умолчанию 3:1.

Сочетания цветов — около 7 процентов мужчин (и менее 1 процентов женщин) имеют некоторую форму дефицита цвета. У пользователей с цветовой структурой возникают проблемы с различием между определенными цветами, поэтому важно, чтобы один цвет никогда не использовался для передачи состояния или значения в приложении. Что касается декоративных изображений (например, значков или фонов), сочетания цветов должны быть выбраны таким образом, чтобы максимально повысить восприятие изображения пользователями цвета.

Accessibility checklist (Контрольный список специальных возможностей)

Ниже приведена сокращенная версия контрольного списка специальных возможностей:

  1. Задайте доступное имя (обязательно) и описание (необязательно) для элементов содержимого и интерактивного пользовательского интерфейса в приложении.
  2. Реализуйте специальные возможности клавиатуры.
  3. Визуально проверьте пользовательский интерфейс, чтобы убедиться, что контрастность текста достаточна, элементы отображаются правильно в темах высокой контрастности и используются правильно.
  4. Запустите средства специальных возможностей, устраняйте обнаруженные проблемы и проверяйте возможности чтения с экрана. (См. раздел тестирования специальных возможностей.)
  5. Убедитесь, что параметры манифеста приложения соответствуют рекомендациям по специальным возможностям.
  6. Объявите о специальных возможностях своего приложения в Microsoft Store. (См. раздел Специальные возможности в разделе магазина .)

Дополнительные сведения см. в полном контрольном списке специальных возможностей.