Я попытаюсь показать вам некоторые полезные и важные, на мой взгляд, аспекты ax ™ DevTools, и постараюсь использовать как можно меньше слов.
Содержание статьи
- 1 ax DevTools включает расширение браузера, для использования которого вам не нужны специальные знания.
- 2 Это вкладка вместе с другими вашими DevTools.
- 3 Теперь я могу просканировать свою страницу и найти 57% проблем с доступом, а также помочь в их устранении.
- 4 ax DevTools Pro открывает доступ к Intelligent Guided ™ Tests, что означает, что мы можем исправить 83% всех проблем с доступностью.
- 5 «Очистите топор, прежде чем толкать». это вещь корпоративной культуры, от которой я могу отстать.
ax DevTools включает расширение браузера, для использования которого вам не нужны специальные знания.
Вы устанавливаете его из каталогов расширений, как любое другое расширение.
Это вкладка вместе с другими вашими DevTools.
Может быть, полностью справа. Мне нравится щелкать и перетаскивать его на вкладке "Элементы".
Теперь я могу просканировать свою страницу и найти 57% проблем с доступом, а также помочь в их устранении.
Вот
на CodePen без атрибута title
.
Информация в самом расширении очень полезна для решения проблемы, но я также могу щелкнуть по Deque University, чтобы получить очень ясную и подробную информацию информация о проблеме, на кого она влияет и как ее исправить. Для проблемы, которую я нашел выше:
Пользователи программы чтения с экрана могут вывести список заголовков для всех фреймов на странице. Добавление описательных, уникальных заголовков позволяет пользователям быстро находить нужный фрейм. Если заголовки отсутствуют, навигация по фреймам может быстро стать затруднительной и запутанной.
ax DevTools Pro открывает доступ к Intelligent Guided ™ Tests, что означает, что мы можем исправить 83% всех проблем с доступностью.
Есть много проблем с доступностью, которые невозможно обнаружить при статическом сканировании кода. Например, есть ли на вашем сайте модальное окно? Если да, то для его тестирования требуется пошаговое тестирование. Какие кнопки его открывают (ведь туда нужно будет вернуть фокус)? Можно ли найти модальное окно после открытия? Это ловушка для фокусировки? Это закрывается? Это важные проблемы, которые сложно запомнить самостоятельно и невозможно проверить статически. Но вам повезло. Интеллектуальные управляемые тесты (которые вы получаете после обновления до Axe DevTools Pro) упрощают решение проблем, поскольку проводят вас через каждый шаг.
«Очистите топор, прежде чем толкать». это вещь корпоративной культуры, от которой я могу отстать.
Вы не допускаете синтаксических ошибок в коде. Вы не делаете плохо отформатированный код. Также не допускайте ошибок доступности. Откройте Axe DevTools и очистите топор, прежде чем запускать новые коммиты.
Друзья не разрешают друзьям отправлять недоступный код.