HTML - 使用鏈接的圖像翻轉仍然可以嗎？

Question

我有一位設計師，他很想在主站點導航中使用字體圖像。我不確定這會對驗證和無障礙有什麼影響。

設計師告訴我，只要我們把文本放在Alt標籤中就可以了。任何人都可以證實或反駁這一點？

感謝。

Answer 1

聽起來像一個陷入黑暗時代的設計師。

是的，alt屬性會被屏幕閱讀器讀出來，所以盲人會被找到。

但是，那些不使用屏幕閱讀器，但需要高對比度或高縮放水平的用戶不會從中受益。

嵌入式鏈接和語義標記等內容也會丟失（如果在HTML中使用H1標記，將如何告訴圖像應該是標題？）。

還有其他的困難在於，一些文本在alt屬性中不會像在普通HTML中一樣容易地表示。

這到目前爲止是關於可訪問性 - 不知道如何驗證如何進入（這一點）。你能解釋一下你的意思嗎？如果您正在談論有效的HTML，那麼只要圖像有alt標籤，它們就會有效。

在網頁中使用自定義字體還有其他方式，例如@Font-Face CSS3選擇器（它應該適用於所有現代瀏覽器 - 包括IE7 +）。

Answer 2

我是一個屏幕閱讀器的用戶，immage與alt文本的鏈接工作得很好，應該不是問題。如果您想強制用戶單擊不屬於鏈接的immage，儘管您可能會遇到問題，因爲鏈接之間的選項卡導航不會選擇用戶應該與該頁面的特定區域進行交互。

Answer 3

它應該只要它relativly定位和

Answer 4

摑你的設計師遵循相互按正確的順序在DOM的臉！ :)

切勿將圖像用於文本。改用@ font-face代替。

您可以將字體@http://www.fontsquirrel.com/fontface/generator

搜索引擎所需要的文本...以及..文本。

他們將使用alt文本，但重量遠低於正常文本。

你真的不必使用圖像，因爲我已經說過使用@ font-face！

Answer 5

如果你選擇圖片的方式去標記它，但記住它可能會帶來一些搜索引擎優化的困難，需要更長的時間來加載，並且可能對某些用戶不切實際。（see also Oded's answer）

我會推薦類似google font api的東西，它是非常兼容的，你可以生成漂亮的字體/文本。

還有其他選擇，但我不會說圖像是要走的路。