Тестирование доступности с помощью вкладки специальных возможностей

На вкладке "Специальные возможности" можно просмотреть дерево специальных возможностей, атрибуты ARIA и вычисляемые свойства специальных возможностей узлов DOM.

Чтобы открыть вкладку специальных возможностей :

  1. На отрисованной веб-странице щелкните элемент правой кнопкой мыши и выберите "Проверить".

    Откроются средства разработчика с выбранным инструментом "Элементы ". Откроется дерево DOM, в котором будет показан элемент, на котором вы щелкнули правой кнопкой мыши.

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

  3. Перейдите на вкладку "Специальные возможности " справа от вкладки "Стили ". Возможно, сначала потребуется нажать кнопку "Дополнительные вкладки " (кнопка ") справа от вкладки "Стили ".

Вкладка специальных возможностей на боковой панели инструментов

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

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

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

Раздел

Просмотр атрибутов ARIA элемента

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

Просмотрите атрибуты ARIA элемента на вкладке "Специальные возможности ".

Раздел атрибутов ARIA

Просмотр вычисляемых свойств специальных возможностей элемента

Некоторые свойства специальных возможностей вычисляются браузером динамически. Эти свойства отображаются в разделе "Вычисляемые свойства " на вкладке "Специальные возможности ".

Просмотрите вычисленные свойства специальных возможностей элемента на вкладке "Специальные возможности ".

Раздел

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

Примечание.

Некоторые части этой страницы представляют собой измененные материалы, созданные и предоставленные Google , и используемые в соответствии с условиями, описанными в лицензии Creative Commons Attribution 4.0 International License. Оригинальная страница находится здесь , автором которой является Кейси Баскес.

Лицензия Creative Commons Эта работа предоставляется по лицензии Creative Commons Attribution 4.0 International License.