<noframes id="jjr3b"><form id="jjr3b"><th id="jjr3b"></th></form>

    <noframes id="jjr3b"><span id="jjr3b"><span id="jjr3b"></span></span>

    <noframes id="jjr3b"><form id="jjr3b"><th id="jjr3b"></th></form>
    <form id="jjr3b"></form>

    <noframes id="jjr3b">
      18868949445

      咸陽網站開發公司:查看alt屬性的正確用法

      日期:2020-03-01 閱讀:207   作者:咸陽網站設計開發公司

      到目前為止,大多數網頁設計行業都知道無障礙的重要性。我們不停地談論這件事,懇請我們的客戶認真對待這件事。無可否認,它對網絡和用戶的影響是不可否認的。

      但有時更好的分數會在洗牌中丟失。例如,我們經常聽到來自虛擬山頂的尖叫聲“在圖像上使用替代文本!”這是善意的忠告.不過,也有點模糊。

      雖然知道ALT屬性在可訪問性方面是有益的,但我們真正需要的是上下文。什么是正確道路用它們?有沒有時候我們不應該用它們?

      這些問題的靈感來源于推特對話我和幾個設計師和開發人員在一起。這讓我意識到,我并不是唯一一個有時為如何建立用戶正確的網站而苦苦掙扎的人。

      今天,我們將試圖澄清這一重要屬性的正確用法。我們開始吧!

      意象的角色變化

      多年來,咸陽網頁設計師使用圖像的方式發生了很大變化。在早期在網絡上,圖像的使用方式我們現在可能不會想到。我們把它們作為頁面標題,導航系統,甚至整個頁面的內容。

      對于依賴屏幕閱讀器或其他輔助技術的用戶來說,這可能會使頁面無法使用。在大量內容顯示為圖像的情況下,即使是一個簡單的ALT屬性也沒有多大幫助。

      謝天謝地,我們吸取了一些重要的教訓。網絡排版的爆炸已經消除了任何與設計相關的誤用圖像的理由,就像過去一樣。和AS可達性已經走到了最前沿,許多人現在意識到圖像有特定的角色可以扮演。

      咸陽網站開發公司

      備選案文的重要性

      合理的理由是,更明智地使用圖像應該會帶來更好的可訪問性。雖然這在一定程度上是正確的,但我們仍然有能力把事情搞砸。這是替代文本可以進來并節省時間--如果使用正確的話。

      記住使用ALT屬性本身并不一定會給用戶帶來很大好處。例如,假設我們有一個標題標記,它讀取“關于我們”。下面是公司員工的集體照片。如果我們簡單地將alt屬性設置為alt=“About Us”,當用輔助技術讀取時,它就變得多余了。因此,它并沒有真正告訴用戶圖像是什么或者它意味著什么。

      那么,我們應該用什么來代替呢?這在很大程度上取決于頁面本身的內容和圖像在其中的角色。然而,這帶來了另一個潛在的混淆點。

      謝天謝地,W3C有一個有幫助的指南將圖像分解為不同的概念:

      • 信息豐富
      • 裝飾性
      • 功能
      • 文本圖像
      • 絡合
      • 圖像組
      • 影像地圖

      本指南提供了對每個概念的簡要解釋,以及可以幫助您確定提供備選文本的最相關路徑的示例。如果你還不確定,看看ALT決策樹尋求更多的指導。

      咸陽網站開發公司

      不是總有必要嗎?

      W3C指南中最有趣的信息之一是,并非所有圖像都需要ALT屬性。

      但是等一下。那么使用alt的所有這些調用呢?每一次?我們不是忽略了可訪問性嗎?

      事實證明,在…的情況下裝飾圖像(它不向頁面添加任何信息),就沒有必要使用alt屬性。在這種情況下,提供替代文本可以“增加屏幕閱讀器輸出的聲音雜亂”。因此,就像缺少空白會導致混亂的視覺頁面布局一樣,這種額外的文本對那些依賴這些工具的人也有同樣的作用。

      讓web設計人員感到困難的是自動化的可訪問性工具,例如在讀取頁面時,標記沒有可選文本的圖像。平谷歌可能會給你發一些惱人的電子郵件,抱怨在他們看來某張照片是無法訪問的。這迫使我們填寫屬性,只是為了通過一個自動測試。

      因此,我們有責任接受這些結果,并在必要時向客戶解釋情況。在特定的情況下,空的ALT屬性可能是有益的。

      咸陽網站開發公司

      這是為了幫助用戶

      咸陽網站開發公司在對如何使用ALT屬性進行一些研究時,我逐漸意識到我采用了錯誤的方法。我懷疑很多設計師也這么做過。

      在某種程度上,這是可以理解的。這個屬性雖然已經存在了很長時間,但并不是非常令人興奮的。這是功利主義的,并不總是擺在我們的面前。

      然而,對于很多用戶來說,這是至關重要的??紤]到并不是每個人都能很容易地看到我們集成到頁面中的圖像。對于這些人來說,alt屬性的存在是為了幫助將上下文帶到他們正在消費的內容中。

      在我們構建一個越來越復雜的網絡時,要記住這一點。


      网赚团队