Адаптивные функции доступности шаблонов

1. Размер текста  Благодаря адаптивному дизайну размер текста может быть увеличен более чем на 200%...
2. Skip to Main Content Bypass Link
3. Достопримечательности
4. Направление навигации
5. Навигационные меню
6. Аккордеонный Компонент
7. Навигация по экрану и Аккордеоны
8. Компонент панели вкладок
9. Панели навигации и чтения с экрана
10. Компонент слайд-шоу
11. Считыватель экрана для слайд-шоу
12. Каталог поиска и контактов
13. пагинация
14. YouTube Player
15. Другие адаптивные функции шаблона
16. Виджет Google Maps
17. Указание типа файла или назначения ссылки
18. Компонент изображения
19. Ключи доступа
20. Карта сайта

Размер текста 

Благодаря адаптивному дизайну размер текста может быть увеличен более чем на 200% без потери доступа к контенту или функциям и без необходимости горизонтальной (слева направо) прокрутки. Горизонтальная прокрутка может потребоваться на страницах с большими таблицами HTML.

В большинстве браузеров вы можете регулировать размер текста, нажимая клавишу Ctrl (управление) или клавишу command (команда) в сочетании с клавишами + или -.

навигация

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

Skip to Main Content Bypass Link

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

Достопримечательности

На всех страницах может быть до 9 ориентиров:

• Глобальная навигация
• Поиск
• Баннер. Заголовок веб-сайта, найденный в области баннера, можно использовать для быстрого перехода на домашнюю страницу веб-сайта.
• Основная навигация
• Основной контент регион
• Дополнительная боковая панель
• Вторичная навигация
• нижний колонтитул
• Информация о содержании области нижнего колонтитула

Направление навигации

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

• JAWS, NVDA и Windows-Eyes: нажмите клавишу H
• VoiceOver: нажмите VO + H
• ZoomText: CTRL + H

Навигационные меню

Все панели навигации можно контролировать с помощью только клавиатуры.

Если вы находитесь в меню глобальной навигации:

• Клавиша Tab: используйте клавишу Tab для перемещения курсора в меню навигации. Используйте комбинацию клавиш Tab + Shift, чтобы вернуться назад. Если объявлено свернутое меню кнопок, нажмите Enter, чтобы развернуть и получить доступ к подменю.
• Клавиши со стрелками вниз и вверх: находясь в расширенном меню кнопок, используйте клавиши со стрелками «Вверх» и «Вниз» для перемещения по элементам. Чтобы выйти из меню навигации, нажимайте клавишу Tab до тех пор, пока не покинете ориентир навигации.

Если вы находитесь в основном или дополнительном меню навигации:

• Клавиша «Tab»: используйте комбинацию «Tab» или «Tab» на клавиатуре для перемещения по пунктам меню.

Аккордеонный Компонент

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

• Клавиша Tab: используйте клавишу Tab для перехода между заголовками и между ними, а также для выхода из Accordion.
• Комбинация клавиш Shift + Tab: используйте комбинацию клавиш Shift + Tab, чтобы вернуться назад.
• Клавиша ввода: используйте клавишу ввода, когда заголовок меню активен, чтобы переключать его окно, открытое и закрытое.

Навигация по экрану и Аккордеоны

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

JAWS:

1. Используйте клавишу Tab или комбинацию клавиш Shift + Tab, или используйте клавиши со стрелками вверх и вниз для перемещения между вкладками.
2. Для просмотра содержимого, связанного с вкладкой, используйте клавишу JAWS (Вставить) + Alt + M. Затем используйте клавиши со стрелками вверх или вниз для перемещения по содержимому панели вкладок.

NVDA:

1. Используйте клавишу Tab или комбинацию клавиш Shift + Tab, или используйте клавиши со стрелками вверх и вниз для перемещения между аккордеоном.
2. Чтобы открыть или развернуть «панель табуляции», нажмите клавишу «Ввод» и используйте клавиши со стрелками вверх и вниз для перемещения по содержимому.

VoiceOver:

Если курсор находится на поле «Аккордеон», VoiceOver объявит имя заголовка, за которым следует «расширенная вкладка» или «свернутая вкладка».

1. Чтобы открыть соответствующее окно, нажмите клавишу VO + Пробел или клавишу Enter. Если окно открыто или вкладка развернута, следующий элемент будет повторять название заголовка, за которым следует «табуляция».
2. Чтобы открыть «панель табуляции», нажмите сочетание клавиш VO + Shift + Стрелка вниз. Затем используйте VO + Стрелка влево или VO + Стрелка вправо, чтобы прочитать содержимое построчно.

Компонент панели вкладок

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

• Клавиша Tab: нажмите клавишу Tab или комбинацию Shift + Tab, чтобы перемещаться между вкладками.
• Клавиша ввода: нажмите клавишу ввода на вкладке, чтобы открыть соответствующую панель вкладок ниже.

Панели навигации и чтения с экрана

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

JAWS:

1. Используйте клавишу Tab или комбинацию клавиш Shift + Tab, или используйте клавиши со стрелками вверх и вниз для перемещения между вкладками.
2. Для просмотра содержимого, связанного с вкладкой, используйте клавишу JAWS (Вставить) и клавишу Alt + M. Поочередно используйте клавиши со стрелками вверх или вниз для перехода к панели вкладок.

NVDA:

1. Используйте клавишу Tab или комбинацию клавиш Shift + Tab, или используйте клавиши со стрелками вверх и вниз для перемещения между вкладками.
2. Используйте клавиши со стрелками вверх и вниз для перехода к области содержимого панели.

VoiceOver:

1. Нажмите клавишу Tab для перемещения между вкладками. Затем нажмите клавишу VO + Пробел или клавишу Enter, чтобы открыть соответствующую панель вкладок.
2. Чтобы просмотреть содержимое на соответствующей панели вкладок, нажимайте клавишу Tab до тех пор, пока не услышите название вкладки, затем «табульную панель» и нажмите сочетание клавиш VO + Shift + Стрелка вниз. Затем используйте VO + Стрелка влево или VO + Стрелка вправо, чтобы прочитать содержимое построчно.

Компонент слайд-шоу

Домашняя страница и некоторые внутренние страницы могут иметь карусель, которая представляет серию изображений с подписью. Слайд-шоу обычно представляют текущую информацию, новости, события или действия. Эти изображения вращаются каждые 5 секунд по умолчанию. Слайд-шоу содержит кнопки «Назад», «Далее» и «Пауза». После того, как фокус клавиатуры был помещен в область слайд-шоу, можно использовать клавиши со стрелками влево и вправо для переключения между слайдами.

Считыватель экрана для слайд-шоу

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

Каталог поиска и контактов

Поиск Страница может быть использована для поиска внутренних веб-страниц, преподавателей и сотрудников. Результаты поиска отображаются в компоненте «Панель вкладок» и могут быть разбиты на страницы при наличии нескольких результатов поиска. Первая панель вкладок отображает результаты веб-сайта, вторая панель вкладок отображает результаты поиска людей. Результаты поиска структурированы с использованием правильно вложенных заголовков для удобной навигации по программе чтения с экрана. Заголовки результатов поиска форматируются как заголовки уровня 3, аналогично странице результатов поиска Google, и также указывают тип файла.

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

пагинация

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

Пагинация содержит следующие специальные возможности:

• Описательный текст для пользователей программы чтения с экрана, показывающий, на какой странице вы находитесь с нумерацией страниц. Например, «Вы находитесь на странице 2 из 12».
• При переходе на разные страницы курсор автоматически получает фокус на верх страницы с нумерацией страниц.
• Механизм нумерации страниц содержит навигационный ориентир ARIA.
• Числа нумерации страниц содержат дополнительные отступы для улучшения размера цели или «кликабельной» области.

YouTube Player

Если вы находитесь на кадре YouTube:

• Клавиша Tab: нажмите клавишу Tab для входа и выхода из проигрывателя, а также для перемещения между элементами управления в интерфейсе проигрывателя.
• Клавиша ввода: После доступа к элементу управления с помощью клавиши Tab нажмите клавишу Enter, чтобы включить или выключить элемент управления, например, запустить и остановить видео или отключить или включить звук.
• Клавиши со стрелками влево и вправо: используйте клавиши со стрелками влево и вправо, чтобы прыгать вперед или перемещаться назад по видео, когда активирован регулятор громкости.
• Клавиши со стрелками вверх и вниз: используйте клавиши со стрелками вверх и вниз для увеличения или уменьшения громкости, когда регулятор громкости активен (объявляется как «ползунок вверх-вниз» при навигации по JAWS или «ползунок» в VoiceOver).

Чтобы включить субтитры для видео, перейдите к элементам управления видеопроигрывателя и нажмите кнопку «Субтитры / CC».

Другие адаптивные функции шаблона

• Соотношение контрастности 4,5: 1 или более между цветом текста и фона в соответствии с рекомендациями WCAG 2.0 AA
• Явно помеченные формы
• Видимый фокус вкладки при навигации с помощью клавиатуры
• Значимый текст ссылки
• Последовательная навигация
• Текстовые альтернативы для изображений

reCAPTCHA V2 для форм

Отзывчивый шаблон использует Google ReCAPTCHA V2 для обеспечения безопасности и предотвращения спама во всех формах. ReCAPTCHA работает с основными программами чтения с экрана, такими как ChromeVox, JAWS, NVDA и VoiceOver.

Для помощи, пожалуйста, посетите Раздел доступности Google ReCAPTCHA. , внешняя ссылка

Виджет Google Maps

На клавиатуре нажмите клавишу Tab, чтобы перейти к виджету карты. Для перемещения по карте с помощью клавиатуры используйте клавиши со стрелками. Чтобы увеличить или уменьшить масштаб карты, нажмите + или -.

Для помощи, пожалуйста, посетите Google Доступность в разделе Google Maps. , внешняя ссылка

Указание типа файла или назначения ссылки

Все гиперссылки, содержащие ссылки на внешние веб-сайты, PDF-файлы, документы Word, Документы Google и многие другие, автоматически помечаются соответствующим значком в зависимости от типа файла. Тип файла также будет объявлен в гиперссылке для пользователей программы чтения с экрана.

Компонент изображения

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

Ключи доступа

Чтобы избежать конфликта с персональными ключами доступа, которые вы, возможно, настроили на своем компьютере, мы решили не применять ключи доступа.

Карта сайта

Некоторые сайты имеют карту сайта. Карта сайта может использоваться как альтернативный способ навигации по сайту. Ссылку на карту сайта обычно можно найти в области нижнего колонтитула.

Похожие

Комментарии