免费专区丝袜调教视频

<cite id="tdvb9"><meter id="tdvb9"></meter></cite>

    <ins id="tdvb9"></ins>

      <track id="tdvb9"></track>
      <rp id="tdvb9"></rp>

      無障礙網站設計的9個小竅門

      2018年5月17日是全球無障礙意識日,這使今天成為一個理想的時間來考慮我們的經驗對那些可能殘疾、殘疾或暫時不便的用戶有多大的包容性。

      2017年是網站可訪問性訴訟的重要一年。Seyfarth和Shaw報告說,到年底,僅在美國就有814起針對網站的《美國殘疾人法》第三章的聯邦訴訟。這些案件中最著名的也許是Juan Carlos Gil v. win - dixie Stores, Inc.。

      盲目的原告吉爾先生聲稱,他的JAWS屏幕閱讀器無法訪問網站中對購物體驗至關重要的某些部分(如商店定位工具和優惠券生成器)。這個案子在新聞上引起如此大的轟動的原因是:第一,因為它是第一個上聯邦法院的案子;第二,因為Winn-Dixie輸掉了官司(以及輸掉了一大筆錢和部分名譽)。

      雖然吉爾并沒有試圖從Winn-Dixie網站購買任何東西,但從本質上來說,這仍然提出了一個重要的問題:法律要求哪些類型的企業才能使他們的網站具有可訪問性。

      所以,讓我們來探索什么是有一個可訪問的網站,哪些類型的網站應該注意。稍后,我們將查看由網站可訪問性倡議提出的關于如何確保您的網站遵守可訪問性規則的9項建議。

      ,

      什么是網站可達性?

      網站可訪問性并不是一個很難理解的概念。它只是意味著一個網站可以為所有用戶提供一種體驗,而不管他們是否有殘疾或缺陷。不僅僅是看,讀,理解內容;用戶需要能夠像其他人一樣瀏覽網站和完成交易。

      您可能會驚訝于由于缺乏可訪問性而導致的各種損傷。以下是一些更寬泛的分類:

      • 視覺
      • 聽覺
      • 認知
      • 身體上的(想想手臂或手骨折的人)
      • 地理位置(例如,用戶居住在帶寬有限的地區)

      網站可訪問性旨在解決任何限制,可能阻止一般公眾能夠使用一個明確為公眾消費建立的網站。

      誰應該遵守網站無障礙規則?

      Winn-Dixie的訴訟是件大事。它表明,你不必明確地在網上銷售任何商品或服務,以滿足法律要求,為所有用戶提供完全可訪問的體驗。最終重要的是一個網站是否屬于《美國殘疾人法》所定義的“公共設施”范疇。

      在Winn-Dixie一案中,法官做出了不利于這家連鎖雜貨店的判決,因為缺乏網站可訪問性影響了店內體驗。但情況并不總是如此。

      在另一起來自美國的案件中,安德魯斯訴布里克藝術材料有限責任公司(Andrews v. Blick Art Materials, LLC)試圖辯稱,因為它只在網上出售藝術用品,所以在技術上不屬于《美國殘疾人法》定義的“公共場所”(place of public accommodation)規則。然而,法官駁回了他們的論點,他們的理解是,任何與公眾打交道的企業——無論是面對面的還是在線的——都應該對提供一個可訪問的網站負責。

      如果您正在為打算提供服務或向公眾銷售產品的企業或個人設計網站,那么從現在開始,網站可訪問性需要成為您工作流程的一部分。

      也就是說,需要注意的是,這可能是來自美國客戶的更常見的請求。雖然有些國家已經制定了網頁可達性法律,但大多數都與政府和其他公共部門的網站有關。在我們等待這些法律被修改以適應更嚴格的web可訪問性法律的同時,在您的工作流程中采用以下提示可能仍然是一個好主意。

      ,

      網站可訪問性的設計和開發提示

      下面,您將從W3C和網站可訪問性倡議(WAI)中找到關于如何構建更好地容納受損用戶的網站的web設計和開發技巧。

      1. 使用適當的標簽

      在文本中使用標題標記有很多好處。首先,放大和風格化的文本的視覺層次使其更容易理解內容。但是,它在可訪問性方面也有一個重要的作用,因為頁面的標題標簽和隨后的標題標簽會在受損人員到達關鍵點時通知他們。

      2. 寫描述性的代碼

      有些用戶依賴標記來確定屏幕上顯示的內容。因此,您需要使用為他們在屏幕上看到的內容提供一些上下文的標記。這應該包括像語言屬性這樣的東西。

      3.注意顏色

      還要注意顏色的選擇,尤其是文本的顏色。當文本和背景之間的對比度較低時(通常是白色背景下的淺色字體或深色背景下的daker字體),用戶可能很難閱讀。

      依靠強指標,如下劃線,動畫懸停,大的呼叫行動按鈕,和高對比度的文本。

      Senior Living Text

      老年人生活網站在高對比度文本(以及大文本)方面做得很好。

      4. 使用大的文本

      使用可以從任何和所有設備或屏幕大小合理讀取的字體大小。除此之外,您可能還希望與一個工具集成,該工具允許用戶在字體不夠大時增加字體大小。

      5. 讓它可以通過鍵盤訪問

      一些訪問者將使用鍵盤訪問您的站點。

      如果交互元素(比如菜單)不是可選項卡或鍵盤可訪問的,那么就會出現嚴重的問題。

      Consumer Reports Tabbing

      消費者報告網站是標簽可訪問的。

      6. 創建超清晰表單

      聯系方式是網站的一個重要元素。

      沒有它們,你將不得不依靠面對面或電話交流(這在現代觀眾中是行不通的)。所以,要特別注意這些。以下是一些建議:

      • 提供如何填寫表格的說明。
      • 為每個字段包括描述性和清晰的標簽。
      • 將表單字段按其出現的順序制成表格。
      • 使用帶有感嘆號、陰影或警告符號的大而粗的錯誤消息來向用戶指出問題。
      • 不要使用驗證碼。
      AARP Contact Form

      AARP網站有一個標記良好且易于填寫的聯系人表單。

      7. 添加支持文本

      為了確保每個人都能理解你的視覺內容,添加支持性的文字。

      • 對于圖像,使用alt-text來描述照片和標題。
      • 對于視頻,請在下方添加文字記錄或主動字幕。
      • 對于播客和其他音頻,包括相應的文字記錄。

      另外,確保讓用戶控制任何自動播放的媒體,包括視頻、音頻剪輯和圖像滑塊。

      Freakonomics Transcript

      《魔鬼經濟學》包括每個播客的文字記錄。

      8. 使用豐富的空白空間

      如果頁面混亂,一些殘疾人可能很難專注于最重要的內容。使用豐富的空白框你的網站最重要的部分,同時也提供足夠的喘息空間,讓他們舒適地查看你的內容。

      9. 包括定位信號

      另一種引導用戶瀏覽網站的方法是包含方向提示。當然,導航是其中很重要的一部分。

      您還可以添加面包屑以及強大的UI元素,以吸引用戶向下瀏覽頁面。如果所有這些都失敗了,在頂部添加一個搜索欄,這樣他們就可以立即找到他們需要的東西。

      Nordstrom Navigation

      Nordstrom使用了大量的導航線索。

      結束

      總而言之,我想說的是,使一個網站無障礙對各方都是有益的。您的站點為所有用戶提供一致的高質量體驗的能力將導致更高的頁面停留時間、更低的回彈率,并且,在理想情況下,更高的轉化率。這反過來會給你的網站一個更有利的搜索排名,誰不想呢?

      發表評論

      版權聲明:以上文章信息來源于網絡,等僅代表原作者本人的觀點。除了已經標注原創的文章外,其它文章版權和文責屬于原作者。文章中出現的商標、專利和其他版權所有的信息,其版權屬于其合法持有人。對可以提供充分證據的侵權信息, 我們將在確認后的1小時內刪除。本網站之聲明以及其修改權、更新權和最終解釋權均屬深圳市德啟企業形象設計有限公司所有,所有文章未經允許,嚴禁轉載。

      品牌戰略定位 × 品牌形象塑造 × 商業空間設計

      中小企業 – 上市公司 – 跨國企業 – 國有企業 – 世界500強
      免费专区丝袜调教视频