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

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

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

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

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

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

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

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

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

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

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

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

標(biāo)題名稱：網(wǎng)頁(yè)設(shè)計(jì)可達(dá)性的價(jià)值
當(dāng)前路徑：http://m.newbst.com/news/19935.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、網(wǎng)站維護(hù)、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站收錄、域名注冊(cè)、網(wǎng)站建設(shè)

廣告

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