2016-05-13 27 views
1

Ich bin mit zwei Logos auf einer Seite und mein CodeKann ich dieselben Werte verwenden alt = "name" für zwei oder mehr img html Elemente in einer einzelnen Seite?

<img src="img/logo/logo-black.png" alt="logo" class="logo-white"/> 

und

<img src="img/logo/logo-black.png" alt="logo" class="logo-black"/> 

wenn ich diesen Code validiert ich folgende Meldung habe, erhalten, ich bin nicht sicher, ob dies ein Fehler ist oder nicht. Sehen Sie sich den Screenshot an und lassen Sie mich wissen, worum es geht. w3c report

+2

Haben Sie die Sätze über der Tabelle gelesen, die Ihnen klar sagen, was zu tun ist? Was verstehst du nicht? – SLaks

+0

Es sollte '' sein, nicht '

'. Und "Pre" -Elemente sollten für vorformatierten Text und nicht für Bilder verwendet werden. –
                        
                            
    Oriol
                                
                            
                        
                    

+0

Wenn zwei oder mehr Bilder denselben Alt-Text haben, können blinde Menschen nicht wissen, auf welche Seite sie beim Navigieren der Seite "schauen". – rcpinto

Antwort

4

Die Validierung sagt im Grunde diese:

Ihre HTML aus technischer Sicht bestätigt ist, wird keine Software auf Probleme stoßen, wenn es das Parsen, aber ALT s haben die eine sehr hohe Chance, nicht genau dupliziert haben Ihre Bilder würden dann zu einer falschen Information führen, wenn das Bild nicht geladen werden kann, oder zu einer falschen Interpretation Ihrer Bilder durch Bildschirmleser.

Aber immer noch, wenn Sie 100% sicher sind, dass Ihre Bilder exakt gleich sind, sollte der gleiche Text alt nichts anderes als gut sein.

+0

Danke für die Hilfe –

1

Der Tag alt ist alternativer Text. Das wird angezeigt, wenn das Bild nicht geladen wird.

Sie "können" die gleichen alt verwenden, aber Sie sollten nicht!

alt sollte immer eine sinnvolle Zeile sein, die beschreibt, was das Bild ist.

Was passiert, wenn die Benutzerseite nicht schnell genug geladen wird und er die alt Tags sehen kann? oder Was ist, wenn Ihre Seite von einem Browser für visuell beeinträchtigte analysiert wird?

Verwenden Sie immer aussagekräftige alternative Text-Tags für Bilder, damit die Benutzer, die das Bild möglicherweise nicht sehen, zumindest einen Kern dessen erhalten, was dort hätte angezeigt werden sollen.

+0

Vielen Dank für Ihre Hilfe, ich schätze Ihre Hilfe –

+0

Gut zu wissen, dass es geholfen :) –

2

Sie können den gleichen alternativen Text perfekt verwenden, solange der Text aussagekräftig ist.

Zum Beispiel:

<img src="jack1.jpg" alt="Portrait of Jack Smith" /> 
<img src="jack2.jpg" alt="Portrait of Jack Smith" /> 

ABER ein alternativer Text wie Logo ist nicht sinnvoll, können Sie es durch Logo von einigen Firmennamen oder durch eine leere Alternative alt="", wenn das Bild ersetzen sollen ist hier für dekorative Zwecke

+0

Vielen Dank für Ihre Antwort. Ich schätze Ihre Hilfe. –