2016-05-13 44 views
1

我正在使用一個頁面兩個標識和我的代碼是我可以在單個頁面中對兩個或多個img html元素使用相同的值alt =「name」嗎?

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

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

當我驗證了這種代碼,我已經收到以下消息,我不知道這是一個錯誤或不。看看截圖並讓我知道什麼是信息。 w3c report

+2

你讀過上面的句子,清楚地告訴你該怎麼辦?你不明白什麼? – SLaks

+0

它應該是'',而不是'

'。 'pre'元素應該用於預先格式化的文本,而不是圖像。 –
                        
                            
    Oriol
                                
                            
                        
                    

+0

如果兩個或更多圖像具有相同的替代文本,盲人無法知道他們在瀏覽頁面時「看」哪一個。 – rcpinto

回答

4

驗證基本上這樣說:

你的HTML是從技術角度驗證,解析它的時候,卻已經重複​​■找的不是精確地體現了非常高的機會沒有軟件都會遇到的問題您的照片以及在無法加載圖像時會導致錯誤信息,或屏幕閱讀器對圖像的解釋不正確。

但是,如果你100%確定你的圖像是完全一樣的,那麼具有相同的alt文字應該是不錯的。

+0

感謝您的幫助 –

1

alt標記是替代文本。這是它的圖像不加載時顯示。

你「可以」使用相同的alt但你不應該

alt應該始終是描述圖像的有意義的線。

如果用戶的頁面加載速度不夠快,他會看到alt標籤?或者如果您的頁面被瀏覽器解析爲視覺受損?

總是爲圖像使用有意義的替代文本標記,以便可能看不到圖像的用戶至少獲得應該顯示在那裏的內容的要點。

+0

感謝您的幫助,我感謝您的幫助 –

+0

好知道它有幫助:) –

2

只要文本有意義,您就可以完美地使用相同的替代文本。

例如:

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

標誌替代文本是沒有意義的,你應該標誌有些公司名稱的或空白的替代alt=""如果圖像替換在這裏是爲了裝飾目的

+0

感謝您的回答。我感謝您的幫助。 –

相關問題