Мы хотим запустить сканирование нашего сайта, чтобы получить отчет со следующей информацией:
Есть ли простой инструмент для этого? Мы пытаемся проверить атрибуты alt и убедиться, что атрибуты alt точно описывают изображение, которое они представляют. Вот почему визуальное представление в отчете важно.
Попробуйте пакет Python Beautiful Soup. Он проанализирует весь ваш HTML-код в очень простой инструкции. Попробуйте этот код:
website = urllib2.urlopen(url)
websitehtml = website.read()
soup = BeautifulSoup(websitehtml)
matches = soup.findAll('img')
for row in matches:
print row['src']
print row['alt']
Отсюда используйте row['src'], чтобы установить src изображения и распечатать alt рядом с ним.
На Accessify.com есть множество инструментов тестирования доступности в виде букмарклетов (или "фавелец"). Один из них делает то, что, я думаю, вы ищете. Посмотрите на этой странице «Альтернативные атрибуты - показать все». Перетащите эту ссылку в свои закладки, а затем используйте ее на странице, которую хотите протестировать.
Кроме того, на панели инструментов Web Accessibilty (доступной для Internet Explorer и Opera) есть опция «Список изображений». в разделе «Изображения», который будет делать то же самое - перечислить изображения и код, связанный с каждым из них.
Что касается проверки целых сайтов, существуют бесплатные средства проверки доступности, которые должны иметь такую функцию, например дизайнер.
http://sourceforge.net/projects/simplehtmldom/
Я бы использовал что-то подобное, очень хорошее и простое в использовании!
В этом ответе на SO некоторые указатели на использование Selenium для проверки вашего сайта на наличие изображений с альтернативным текстом.
Похоже, вы хотите что-то, что работает, например, например Джереми предоставил. То есть, просто длинный список с каждым изображением и его атрибутом alt. Проблема в том, что это не предоставит вам достаточно контекста, чтобы предоставить полезный атрибут alt, потому что атрибут alt не должен (в общем) «точно описывать [...] изображение, которое они представляют», а скорее описывать, что это за изображение. предназначен для представления на текущей странице. Трудно дать краткое описание того, как писать полезные альтернативные тексты. Сама по себе статья в Википедии об атрибутах alt отстает от текущего состояния, но ссылки полезны . Конечно, есть много другое ТАК вопросы, связанные с этим.
Может быть какой-то заранее написанный инструмент, который сделает то, что вы просили, например, если все страницы доступны с начальной страницы, можно было бы просто просканировать весь веб-сайт и создать список. Но если на некоторые страницы можно попасть, например, поиска, вероятно, потребуется какой-то инструмент, ориентированный на конкретный сайт.
В любом случае, давайте предположим, что у нас есть такой инструмент. Даже в этом случае его использование довольно ограничено. Даже если вы можете получить список всех изображений на веб-сайте с соответствующим замещающим текстом, вам все равно придется посещать все страницы, по одной странице за раз, и, вероятно, использовать какое-либо расширение веб-разработчика в каком-либо браузере (есть такие инструменты предоставлено в других ответах, я думаю), который отображает все альтернативные тексты на странице; а затем исправьте замещающий текст после, который вы узнали, для чего фактически используется изображение на соответствующей странице.
Таким образом, этот инструмент, который вы запрашиваете, будет полезен только для поиска страниц с возможным неправильным использованием атрибута alt (т. Е. Любой страницы с изображением на нем). (Но в зависимости от рассматриваемого сайта, даже это может, конечно, помочь.) Вам все равно нужно открыть веб-страницу, на которой фактически используется изображение (или, если хотите, прочитать HTML-код страницы), чтобы узнайте, какой будет правильный / лучший альтернативный текст.
Таким образом, в лучшем случае вы получаете список страниц с изображениями, которые необходимо просмотреть. Но при этом все равно будут упущены некоторые важные случаи, например случаи, когда свойство CSS background-image используется для отображения кнопки (вместо изображения img), это должно иметь замещающий текст.
Вы можете использовать мощный JAVA API: JSOUP
Документация по созданию селекторов: синтаксис селекторов
Обучение: онлайн-лаборатория
Для вашего случая:
Document doc = Jsoup.connect("https://stackoverflow.com/").get();
System.out.println(doc.title());
Elements imgWithAltAttr = doc.select("img[alt]");
for (Element img : imgWithAltAttr) {
System.out.println("%s\n\t%s",
img.attr("alt"), img.absUrl("src"));
}
Мы используем Jsoup в нашем проекте специальных возможностей: https://github.com/Tanaguru/Tanaguru
Large Yellow Bullet Introduction Large Yellow Bullet The Problem Small Red Bullet Historical Analysis Small Red Bullet Current Situation Large Yellow Bullet The Solution(разрывы строк и форматирование потеряно из-за ограничений SO комментариев). - person Quentin schedule 30.04.2012