網(wǎng)頁設(shè)計(jì)可達(dá)性的價值

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

每個來你的網(wǎng)站設(shè)計(jì)需要能夠找到他們正在尋找的信息和執(zhí)行任務(wù)，他們打算做不論什么網(wǎng)頁或應(yīng)用程序看起來像。很多不同的因素，進(jìn)入網(wǎng)頁或應(yīng)用創(chuàng)造的影響可達(dá)性。

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

龍港網(wǎng)頁設(shè)計(jì)
設(shè)計(jì)、復(fù)制、用戶體驗(yàn)和發(fā)展都需要協(xié)作以確保導(dǎo)航控件，窗體，按鈕，標(biāo)題，按鈕，鏈接，和更多的訪問

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

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

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

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

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

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

因?yàn)樗羞@一切工作的潛在受益者是比你想象的更廣泛的群體。如果你曾經(jīng)試圖用一個移動應(yīng)用程序用一只手，因?yàn)槟愕牧硪恢皇帜弥鴸|西，如果你曾經(jīng)嘗試使用鼠標(biāo)你不常用的手因?yàn)槭軅?，你已?jīng)啟動殘疾人。這不是好當(dāng)你的手指都是粘的，你仍然可以瀏覽網(wǎng)站使用鍵盤與你的手指？我們所有的不幸都容易受到來自老像喪失記憶的障礙、聽力、視力和運(yùn)動受限。

寶安網(wǎng)站設(shè)計(jì)

文章標(biāo)題：網(wǎng)頁設(shè)計(jì)可達(dá)性的價值
本文路徑：http://www.muchs.cn/news35/19935.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設(shè)、服務(wù)器托管、網(wǎng)站收錄、響應(yīng)式網(wǎng)站、全網(wǎng)營銷推廣、網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)