Проверка и извлечение в браузере

Бесплатная проверка подписей доступности сайта.

Отсутствующие доступные подписи и неясные имена.

Проверяйте форму в контексте и готовьте конкретные исправления подписей для важных посетителям элементов управления.

Нужны расширение Chrome и аккаунт.
25 бесплатных задач автоматизации в месяц суммарно для всех инструментов. Действуют ограничения провайдера в браузере.

ЧТО НУЖНО ПОДГОТОВИТЬ

Отображаемые поля формы и элементы управления.

ОТПРАВНАЯ ТОЧКА

Задача, которую можно настроить под себя.

Скопируйте здесь. Вставьте в WebAct, когда будете готовы.

Эта страница подготавливает промпт. Задача выполняется в WebAct.

01

Настройте задачу под себя.

Проверьте промпт выше. Добавьте свою цель и важные требования.

02

Перенесите задачу в WebAct.

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

03

Проверьте полезную часть.

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

ПРАКТИЧЕСКОЕ РУКОВОДСТВО

Как проверять доступные подписи элементов формы.

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

Адаптируйте процесс под свою задачу.

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

Что вы предоставляете
Отображаемые поля формы и элементы управления.
Что вы получите
Отсутствующие доступные подписи и неясные имена.

Посмотрите входные данные и результат.

Иллюстративные входные и выходные данные · учебный пример, а не реальный запуск WebAct

Полей ввода: Пример

Supplied markup: <span>Email</span><input id="email" type="email">. No other naming attributes. Correct the label association.

Готовый пример

Finding: the visible caption has no programmatic association with the input.
Proposed markup:
<label for="email">Email</label>
<input id="email" type="email">

Verify the id is unique and the control's accessible name is Email in the complete page.
Скачать этот пример

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

Решения и устранение проблем.

Заменяет ли текст-подсказка постоянную подпись поля?

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

Почему видимая подпись не объявляется подписью поля?

Может отсутствовать правильная связь, например соответствующая пара for/id. Проверьте эту связь, а не только близость элементов.

Попробуйте на собственном источнике.

Замените пример своим материалом в промпте. Сохраните нужные требования и скопируйте задачу в WebAct.

Настроить и скопировать задачу ↑
ПЕРЕД НАЧАЛОМ

Использование WebAct.

Промпт и пример доступны здесь. Выполните задачу в расширении WebAct для Chrome.

Этот инструмент бесплатный?

Здесь можно бесплатно копировать и редактировать промпт. Для использования с WebAct установите расширение Chrome, создайте и подтвердите аккаунт и подключите доступную сессию ChatGPT в браузере. План Free включает 25 задач автоматизации, запускаемых пользователем, за календарный месяц суммарно для всех инструментов. Обычный браузерный Chat учитывается отдельно; действуют ограничения провайдера.

Узнайте об общем контексте в нашем политике конфиденциальности и о выборе между Chat и Task.

ОТ ПРОМПТА К ВАШЕЙ РАБОТЕ

Перенесите задачу на свою страницу.

Установите WebAct, добавьте исходные материалы и адаптируйте результат.

Установить WebAct