Создание приложений на основе холста, доступных для людей с ограниченными возможностями

Статья
03/15/2023

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

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

Макет и цвета

Простой и логичный интерфейс сделает приложение удобным для всех пользователей. Если предполагается много настроек, учитывайте следующие моменты: Темы Power Apps разработаны с учетом стандартов специальных возможностей.

Убедитесь, что все элементы четко отображаются, а текст имеет достаточный размер. Все содержимое должно быть разборчивым и видимым невооруженным глазом.
Убедитесь, что входные элементы снабжены метками на экране. Свойство AccessibleLabel определяет содержимое, которое будет объявлять средство чтения с экрана.
Настраивая цвета, убедитесь, что отношение значений контраста для текста к фону составляет не менее 4,5 к 1. Соответствующие программные средства должны быть легко доступными.
Убедитесь, что блоки макета логически организованы в соответствии с направлением чтения сверху вниз и слева направо.
Создайте приложение с адаптирующимся интерфейсом, чтобы пользователи с плохим зрением могли увеличивать масштаб и использовать приложение, не прокручивая его туда-обратно.

Клавиатура

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

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

Элементы управления Подпись, Изображение, Значок, Фигура: задайте свойству TabIndex значение 0, если они должны быть интерактивными. В противном случае задайте свойству TabIndex значение -1.
Не задавайте свойству TabIndex значение больше нуля.
Убедитесь, что параметр приложения Упрощенный индекс вкладки включен.

Средства чтения с экрана

Следующие средства чтения с экрана были проверены на совместимость с Power Apps:

JAWS: Microsoft Edge
Экранный диктор: Microsoft Edge
NVDA: Google Chrome, Firefox
TalkBack: Google Chrome, Power Apps Mobile
VoiceOver: Power Apps Mobile, Safari (macOS, iOS, iPadOS)

Чтобы обеспечить удобство при использовании средства чтения с экрана, сделайте следующее:

Задайте для всех элементов управления свойство AccessibleLabel.
Определите описание изображения в свойстве AccessibleLabel.
- Если изображение не используется как кнопка или ссылка (т. е. значок используется в качестве украшения) и не должно считываться средством чтения с экрана, не определяйте значение свойства AccessibleLabel.
- Если рисунок или значок используется как кнопка, задайте для свойства TabIndex значение 0, а в свойстве AccessibleLabel определите описание ссылки.

Тип и структура элемента управления

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

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

Мультимедиа

Убедитесь, что все видео сопровождаются субтитрами и что текстовая запись аудио доступна пользователям. Элемент управления Видео поддерживает скрытые субтитры в формате WebVTT через свойство ClosedCaptionsUrl.

Если средство чтения с экрана включено, Таймер объявляет не текст кнопки, а то, сколько времени прошло. Объявления невозможно отключить, даже если таймер скрыт с использованием настроек непрозрачности.

Работа с подписями

Если у вас есть поле подписи, в котором используется элемент управления PenInput, необходимо включить альтернативный метод ввода подписи. Рекомендуем отображать элемент управления TextInput в области, где пользователи могут ввести свое имя. Убедитесь, что инструкции по подписыванию находятся в свойстве AccessibleLabel, а элемент управления расположен близко к средству ввода "Ручка" — справа или ниже.

Дальнейшие шаги

Структура приложения со специальными возможностями