成都網站制作有人會訪問你的網站，不在乎它是什么樣子的網頁設計師嗎？瀏覽網頁我們都做同樣的原因，查找信息，購物和無數的執行使用基于Web的應用程序的重要任務。但視障者網站不同，我們需要意識到他們的需求時，我們的設計和建立網站。

每個來你的網站設計需要能夠找到他們正在尋找的信息和執行任務，他們打算做不論什么網頁或應用程序看起來像。很多不同的因素，進入網頁或應用創造的影響可達性。

我們將需要潛入到網頁的技術方面。HTML是一個網頁，CSS的骨架，JavaScript和圖像增強的HTML。時常，視障人士錯過所有這些增強功能。雖然無障礙主要是開發商的任務，有時需要保持或提高可達性會影響網站的外觀技術要求。這意味著設計、復制、用戶體驗和發展都需要協作以確保導航控件，窗體，按鈕，標題，按鈕，鏈接，和更多的訪問。

龍港網頁設計
設計、復制、用戶體驗和發展都需要協作以確保導航控件，窗體，按鈕，標題，按鈕，鏈接，和更多的訪問

測試訪問你需要確保網站或應用程序的執行以及在每一個屏幕閱讀器可。有幾種流行的免費或開源的屏幕閱讀器。微軟用戶可以使用Nvidia，而蘋果電腦和iOS設備來畫外音它可以放大鍵盤控制和閱讀屏幕上的內容，和UNIX的設備有逆戟鯨。Chrome瀏覽器插件有兩個輔助技術，保護屏幕閱讀chromevis放大。

大多數Web可訪問性問題發生時，屏幕閱讀器的虛擬光標就會被困在一個糟糕的設計形式或跳過一個重要的控制或文本信息的一個重要。驗證網站是使用類似于瀏覽器測試因為每個屏幕閱讀器有不同的要求和限制。這就是為什么了解每個屏幕閱讀器的行為是很重要的。各種屏幕閱讀器的需求可以通過添加各種特殊HTML標簽頁面的重要元素，容納。
動態Web UI現代為可達性是特別有問題，因為重要的元素添加到動態使用JavaScript的頁面。自定義下拉菜單、情態動詞、工具提示、手風琴內容和動態誤差和通知可以為屏幕閱讀器用戶理解的難度之間的HTML通信故障，JavaScript和屏幕閱讀器。原生的HTML和JavaScript沒有辦法溝通的頁面（文檔對象模型）的屏幕閱讀器更新。開發商需要移動的“焦點”（屏幕閱讀器的虛擬光標）來改變用戶界面的一部分。當一個模態打開開發者需要把用戶的關注，模態使畫面閱讀器可以閱讀的內容，用戶可以理解并與之交互。

這是通過使用特殊的HTML標簽稱為WAI-ARIA標簽.WAI-ARIA（訪問豐富的互聯網應用程序）之間的橋梁是什么頁面的原始HTML說什么有遠見的用戶看到的為開發者提供添加額外的意義狀態，屬性，關系規范的空白，角色和生活區域，屏幕閱讀器否則不會理解。 開發人員可以使用屏幕閱讀器的詠嘆調水平解釋每個標題頁上的層次。隨著詠嘆調標簽開發者可以添加標題描述頁面上的離散元的目的。這有助于開發人員創建不同的元素之間的明確的關系。開發者還可以關注重要的控件的標記他們的詠嘆調的角色標簽。

在HTML中的標簽上面例子使用的是一個無序列表上的每個項目創建的類。jQuery捕獲點擊事件時，點擊標簽增加了詠嘆調選'：'真'和' tab-widget__tab-content-active對選定的選項卡、隱藏其他標簽加入詠嘆調選'：'假'到剩余的標簽。127號線為標簽的初始屬性集，這些片段幫助屏幕閱讀器識別的標簽清晰可見。在35行JavaScript還增加了鍵盤支持的標簽。其余的文件句柄獲取點擊和鍵盤事件，jQuery可以添加角色和表現的屬性為當前選定的選項卡。

頁面刷新是屏幕閱讀器的Web的一個關鍵部分是因為當一個頁面刷新時信號的屏幕閱讀器，它應該公布新的頁面給用戶，重新閱讀網頁內容的用戶。這意味著單頁的Web應用程序的可訪問性帶來了特殊的挑戰。在一個單頁應用沒有全頁面刷新，屏幕閱讀器，因此用戶不會注意到更新的內容。結果是，用戶沒有收到反饋對他們的行動。辦法是效仿本地頁面刷新行為。在視圖加載，更新網頁標題并向用戶。
為全面規范WAI-ARIA通過W3像網頁可及性下HTML本身的規格保持（WAI）但有時指南可以比規格，這是設計師一般幾個指南更有用：
•確保有文字和背景之間視覺對比。
•不要使用顏色來傳遞信息；
•提供清晰一致的導航網站；
•確保表單元素明確包括相關的標簽；
•確保反饋元件，如錯誤信息容易被識別；
•使用標題和間距組相關內容；
•提供圖像的替換文字；
•考慮你的網站設計，所有功能可通過鍵盤。
有幾個簡單的決定你可以當開發一個網站，會使網站更容易在沒有特殊的輔助標記或屏幕閱讀器測試太深。確保你的HTML所傳達的意義通過其結構將幫助您的屏幕閱讀過程的信息以同樣的方式出現在頁面看到用戶。這對于用戶使用放大鏡與屏幕閱讀器的結合是很重要的。

使用適當的HTML標記為標題，列表，表格，和其他的元素使屏幕閱讀器將頁面的結構，在一個熟悉的方式用戶。對于更復雜的布局HTML5提供了額外的元素，如< >和< >導航一邊做內容的屏幕閱讀器用戶更容易理解。甚至作家和內容戰略家可以對可達性的積極影響。通過為每個頁面提供獨特的網頁標題，用標題來傳達每個網頁的意義和結構。確保鏈接文本，你寫的是頁面的視覺語境之外的意義（避免寫行動的呼吁，像“點擊這里”）。多媒體內容的文本和標題寫。

因為所有這一切工作的潛在受益者是比你想象的更廣泛的群體。如果你曾經試圖用一個移動應用程序用一只手，因為你的另一只手拿著東西，如果你曾經嘗試使用鼠標你不常用的手因為受傷，你已經啟動殘疾人。這不是好當你的手指都是粘的，你仍然可以瀏覽網站使用鍵盤與你的手指？我們所有的不幸都容易受到來自老像喪失記憶的障礙、聽力、視力和運動受限。

寶安網站設計

文章標題：網頁設計可達性的價值
本文路徑：http://m.2m8n56k.cn/news35/19935.html

成都網站建設公司_創新互聯，為您提供外貿網站建設、服務器托管、網站收錄、響應式網站、全網營銷推廣、網站制作

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯