為視覺障礙者的影象新增文字替代

在其他挑戰中，您可能已經看到標籤alt上的屬性img。Alt文字描述了影象的內容，併為其提供了替代文字。這在影象無法載入或使用者看不到的情況下有幫助。搜尋引擎還使用它來了解影象包含的內容，以將其包含在搜尋結果中。這是一個例子：

<img src="importantLogo.jpeg" alt="Company logo">

視障人士依靠螢幕閱讀器將Web內容轉換為音訊介面。如果僅以視覺方式呈現，他們將不會獲得資訊。對於影象，螢幕閱讀器可以訪問alt屬性並讀取其內容以傳遞關鍵資訊。

好的alt文字為讀者提供了對影象的簡短描述。您應該始終alt在影象上包含屬性。根據HTML5規範，現在認為這是強制性的。

知道何時應將替代文字留空

有時影象會與已經描述它們的標題分組在一起，或者僅用於裝飾。在這些情況下，alt文字可能顯得多餘或不必要。

在影象已經用文字內容解釋或未在頁面中新增含義的情況下，img仍然需要一個alt屬性，但可以將其設定為空字串。
這是一個例子：

<img src="visualDecoration.jpeg" alt="">

使用標題顯示內容的層次關係