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

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

  • Статья

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

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

Макет и цвета

Простой и логичный интерфейс сделает приложение удобным для всех пользователей. Если предполагается много настроек, учитывайте следующие моменты: Темы 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, а элемент управления расположен близко к средству ввода "Ручка" — справа или ниже.

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

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

См. также