Website nach Bildern und alt-Attributen durchsuchen [geschlossen]

8

Wir möchten auf unserer Website einen Scan durchführen, der einen Bericht mit folgendem Inhalt zurückgibt:

  1. jedes gefundene Bild-Tag und eine visuelle Darstellung dieses Bilds im Bericht
  2. Das Alt-Attribut für dieses Bild (Identifizieren Sie auch, ob ein Alt-Attribut nicht gefunden wurde)

Gibt es ein einfaches Tool, das das tut? Wir versuchen, nach alt-Attributen zu suchen und sicherzustellen, dass die alt-Attribute genau das Bild beschreiben, das sie darstellen. Deshalb ist die visuelle Darstellung im Bericht wichtig.

    
Alex 06.01.2011, 15:47
quelle

6 Antworten

3

Probieren Sie das Python-Paket Schöne Suppe. Es wird alle Ihre HTML für Sie in einer wirklich einfachen Aussage analysieren. Probieren Sie diesen Code:

%Vor%

Von hier aus verwenden Sie row['src'] , um die src eines Bildes festzulegen und alt daneben auszudrucken.

    
Jeremy Thiesen 06.04.2012 00:38
quelle
1

Accessify.com verfügt über eine Fülle von Testprogrammen für Barrierefreiheit als Bookmarklets (oder "Favelets") "). Einer von ihnen macht das, wonach Sie suchen. Schauen Sie auf dieser Seite nach "Alt-Attribute - Alle anzeigen". Ziehen Sie diesen Link zu Ihren Lesezeichen und verwenden Sie ihn dann auf der Seite, die Sie testen möchten.

Auch die Web Accessibility-Symbolleiste (verfügbar für Internet Explorer und Opera) verfügt über die Option "Bilder auflisten" unter " Bilder, "die dasselbe tun werden - listet Bilder und den damit verbundenen Code auf.

Wie für die Überprüfung ganzer Sites gibt es kostenlose Accessibility-Checker, die eine solche Funktion haben sollten, wie ein Designer .

    
dotjay 24.03.2011 12:37
quelle
0

Ссылка

Ich würde so etwas verwenden, sehr gut und einfach zu benutzen!

    
benhowdle89 06.01.2011 15:50
quelle
0

Diese Antwort auf SO einige Hinweise zur Verwendung von Selenium, um Ihre Website auf Bilder mit alt zu überprüfen Text vorhanden.

    
Don Zacharias 10.03.2012 05:32
quelle
0

Es klingt wie du willst etwas, das funktioniert wie z. Jeremy stellte zur Verfügung. D.h., nur eine lange Liste mit jedem Bild und seinem Alt-Attribut. Das Problem ist, dass Sie damit nicht genügend Kontext erhalten, um ein nützliches alt-Attribut zur Verfügung zu stellen, da das alt-Attribut (im Allgemeinen) das Bild, das sie repräsentieren, nicht genau beschreiben [...], sondern beschreiben soll, was das Bild ist soll auf der aktuellen Seite darstellen . Es ist schwierig, eine kurze Beschreibung dafür zu geben, wie man nützliche alt-Texte schreibt. Der Wikipedia-Artikel über alt-Attribute selbst saugt den aktuellen Zustand an, aber die Verweise sind nützlich. Es gibt natürlich viele andere SO-Fragen im Zusammenhang damit.

Es könnte ein vorgefertigtes Werkzeug geben, das das tut, was Sie angefordert haben, wenn z. Alle Seiten sind von der Startseite aus erreichbar, es wäre möglich, die gesamte Website zu durchsuchen und die Liste zu erstellen. Aber wenn es nur möglich ist, einige Seiten z. suchen, wird wahrscheinlich ein ortsspezifisches Tool benötigt.

Wie auch immer, lassen Sie uns annehmen, dass wir ein solches Werkzeug zur Verfügung haben. Selbst dann ist seine Verwendung ziemlich begrenzt. Selbst wenn Sie eine Liste aller Bilder auf der Website mit dem zugehörigen Alternativtext erhalten können, müssen Sie immer noch alle Seiten, eine Seite nach der anderen, besuchen und wahrscheinlich einige Webentwickler-Erweiterungen in einem Browser verwenden (es gibt solche Werkzeuge) in anderen Antworten, denke ich), die alle alternativen Texte auf der Seite anzeigt; und dann behebe den Alt-Text, nachdem du herausgefunden hast, wofür das Bild tatsächlich auf der entsprechenden Seite verwendet wird.

Dieses Tool, das Sie anfragen, ist also nur dann nützlich, wenn Sie die Seiten mit einer möglichen falschen Verwendung des Attributs alt (d. h. einer Seite mit einem Bild darauf) finden. (Aber abhängig von der betrachteten Website, könnte dies natürlich hilfreich sein.) Sie müssen immer noch die Webseite öffnen, auf der das Bild tatsächlich verwendet wird (oder, wenn Sie möchten, den HTML-Code für die Seite lesen) finde heraus, wie der richtige / bessere Alt-Text wäre.

Sie erhalten höchstens eine Liste von Seiten mit Bildern, die Sie untersuchen müssen. Aber dies wird immer noch einige wichtige Fälle vermissen, z.B. In Fällen, in denen die Eigenschaft CSS background-image zum Anzeigen einer Schaltfläche verwendet wird (anstelle von img image), sollte einen alternativen Text enthalten.

    
cic 30.04.2012 19:07
quelle
0

Sie können eine leistungsstarke JAVA-API verwenden: JSOUP

Dokumentation zum Erstellen von Selektoren: Selektoren Syntax

Training: Online-Labor

Für Ihren Fall:

%Vor%

Wir verwenden Jsoup in unserem Accessibility-Projekt: Ссылка

    
mkebri 29.03.2018 09:53
quelle

Tags und Links