Was genau ist der Verwendungszweck des Attributs alt in <img> -Tags?
Soll es das Bild beschreiben oder sollte es sinnvollen Ersatztext für Bildschirmleser (und Leute, die Bilder haben) liefern?
Wenn ich zum Beispiel eine kurze Biographie einer Person auf meiner Website habe und ein kleines Foto von ihnen mit einschließe, ist es für sehbehinderte Nutzer wirklich sinnvoll, "Foto von John Smith" vorzulesen?
Die HTML 5-Spezifikation hat eine großer Abschnitt zu diesem Thema.
Grundsätzlich sollte das Attribut alt das sein, was als Text angezeigt würde, wenn Sie überhaupt kein Bild verwendet hätten. Wenn Ihr Bild rein dekorativ ist, können Sie alt="" verwenden. Eine Beschreibung wird im Attribut title angegeben.
Ich denke, die Idee besteht darin, den Alt-Text zu verwenden, um dieselben Informationen zu übermitteln, die mit dem Bild beabsichtigt waren. Dies hängt davon ab, was das Bild ist.
Navigationselemente werden vielleicht besser durch ihre Funktion ("nächste Seite", "zurück") als ihr Aussehen ("rechter Pfeil") beschrieben.
Das Foto von John Smith könnte durch eine Beschreibung von John Smith oder eine Beschreibung des stattfindenden Ereignisses usw. ersetzt werden.
Aus w3.org :
Obwohl alternativer Text sehr hilfreich sein kann, muss er sorgfältig behandelt werden. Autoren sollten die folgenden Richtlinien beachten:
Es gibt "alternativen" Text, wenn das Bild aus irgendeinem Grund nicht geladen werden konnte. In Ihrem Beispiel würde ich sagen, ja, es wäre angemessen.
Das Attribut "alt" ist eine alternative (textuelle) Repräsentation der Semantik des Bildes. Dies wird nicht nur für Bilder verwendet, die nicht geladen werden können. Es wird auch für Screenreader oder Nur-Text-Browser verwendet.
In Ihrem speziellen Fall hängt die Art des Alttexts davon ab, ob Sie es für wichtig halten zu beachten, dass die Seite ein Bild der Person enthält oder nicht. Wenn es sich um ein rein visuelles Objekt handelt, möchten Sie möglicherweise keinen Alt-Text. Wenn es auch als ein Link irgendeiner Art verwendet wird, möchten Sie wahrscheinlich tun einige Alt-Text, so dass eine Person, die einen Screen-Reader verwendet, eine Ahnung davon hat, was das Folgen des Links tun könnte.
Klicken Sie zuerst auf google für diese [img alt accessibility] gibt Betrachten Sie, wie die Seite aussieht oder wie klingt, wenn Bilder nicht angezeigt werden. Schreiben Sie dann für jedes Bild einen alternativen Text, der am besten als Ersatz dient.
Richtlinien zu alt Texte in img-Elementen )Es sollte alles sein, was dem Benutzer hilft, wenn das Bild nicht angezeigt wird.
Btw das "Feature" von, wenn Sie den Mauszeiger über ein Bild in IE und die QuickInfo zeigt die ALT ist nicht das richtige Verhalten von ALT. Titel soll dafür verwendet werden.
Beschreiben Sie kurz das Bild, als ob Sie mit einer blinden Person sprechen würden. Ziemlich einfach.
Ich bin sicher, dass dieser Attributwert von Google zum Indexieren von Bildsuchen verwendet wird.
wenn ich eine kurze Biographie von a Person auf meiner Website und enthalten a kleines Foto von ihnen, ist es wirklich sinnvoll für sehbehinderte Benutzer "Foto von John Smith" vorlesen lassen zu ihnen?
Wenn Sie diesen alternativen Text nicht haben, was denken Sie, dass er das Bild annehmen wird? "Foto von John Smith und seiner Frau"? "Foto von John Smith, der seinen Oscar akzeptiert"? "Foto von John Smith, der JFK ermordet"? "Foto von John Smith, der tot auf seiner Terrasse liegt, nachdem er von seinem Haustierelefanten ermordet wurde"?
Wenn es ein Foto von John Smith ist, ja, sag es. Wenn es etwas anderes ist, sag es.
Tags und Links html accessibility