深圳網(wǎng)站制作有人會訪問你的網(wǎng)站,不在乎它是什么樣子的網(wǎng)頁設(shè)計師嗎?瀏覽網(wǎng)頁我們都做同樣的原因,查找信息,購物和無數(shù)的執(zhí)行使用基于Web的應(yīng)用程序的重要任務(wù)。但視障者網(wǎng)站不同,我們需要意識到他們的需求時,我們的設(shè)計和建立網(wǎng)站。
每個來你的網(wǎng)站設(shè)計需要能夠找到他們正在尋找的信息和執(zhí)行任務(wù),他們打算做不論什么網(wǎng)頁或應(yīng)用程序看起來像。很多不同的因素,進入網(wǎng)頁或應(yīng)用創(chuàng)造的影響可達性。
我們將需要潛入到網(wǎng)頁的技術(shù)方面。HTML是一個網(wǎng)頁,CSS的骨架,JavaScript和圖像增強的HTML。時常,視障人士錯過所有這些增強功能。雖然無障礙主要是開發(fā)商的任務(wù),有時需要保持或提高可達性會影響網(wǎng)站的外觀技術(shù)要求。這意味著設(shè)計、復(fù)制、用戶體驗和發(fā)展都需要協(xié)作以確保導(dǎo)航控件,窗體,按鈕,標(biāo)題,按鈕,鏈接,和更多的訪問。
龍崗網(wǎng)站設(shè)計公司
設(shè)計、復(fù)制、用戶體驗和發(fā)展都需要協(xié)作以確保導(dǎo)航控件,窗體,按鈕,標(biāo)題,按鈕,鏈接,和更多的訪問
測試訪問你需要確保網(wǎng)站或應(yīng)用程序的執(zhí)行以及在每一個屏幕閱讀器可。有幾種流行的免費或開源的屏幕閱讀器。微軟用戶可以使用Nvidia,而蘋果電腦和iOS設(shè)備來畫外音它可以放大鍵盤控制和閱讀屏幕上的內(nèi)容,和UNIX的設(shè)備有逆戟鯨。Chrome瀏覽器插件有兩個輔助技術(shù),保護屏幕閱讀chromevis放大。
大多數(shù)Web可訪問性問題發(fā)生時,屏幕閱讀器的虛擬光標(biāo)就會被困在一個糟糕的設(shè)計形式或跳過一個重要的控制或文本信息的一個重要。驗證網(wǎng)站是使用類似于瀏覽器測試因為每個屏幕閱讀器有不同的要求和限制。這就是為什么了解每個屏幕閱讀器的行為是很重要的。各種屏幕閱讀器的需求可以通過添加各種特殊HTML標(biāo)簽頁面的重要元素,容納。
動態(tài)Web UI現(xiàn)代為可達性是特別有問題,因為重要的元素添加到動態(tài)使用JavaScript的頁面。自定義下拉菜單、情態(tài)動詞、工具提示、手風(fēng)琴內(nèi)容和動態(tài)誤差和通知可以為屏幕閱讀器用戶理解的難度之間的HTML通信故障,JavaScript和屏幕閱讀器。原生的HTML和JavaScript沒有辦法溝通的頁面(文檔對象模型)的屏幕閱讀器更新。開發(fā)商需要移動的“焦點”(屏幕閱讀器的虛擬光標(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說什么有遠見的用戶看到的為開發(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)簽上面例子使用的是一個無序列表上的每個項目創(chuàng)建的類。jQuery捕獲點擊事件時,點擊標(biāo)簽增加了詠嘆調(diào)選':'真'和' tab-widget__tab-content-active對選定的選項卡、隱藏其他標(biāo)簽加入詠嘆調(diào)選':'假'到剩余的標(biāo)簽。127號線為標(biāo)簽的初始屬性集,這些片段幫助屏幕閱讀器識別的標(biāo)簽清晰可見。在35行JavaScript還增加了鍵盤支持的標(biāo)簽。其余的文件句柄獲取點擊和鍵盤事件,jQuery可以添加角色和表現(xiàn)的屬性為當(dāng)前選定的選項卡。
頁面刷新是屏幕閱讀器的Web的一個關(guā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è)計師一般幾個指南更有用:
•確保有文字和背景之間視覺對比。
•不要使用顏色來傳遞信息;
•提供清晰一致的導(dǎo)航網(wǎng)站;
•確保表單元素明確包括相關(guān)的標(biāo)簽;
•確保反饋元件,如錯誤信息容易被識別;
•使用標(biāo)題和間距組相關(guān)內(nèi)容;
•提供圖像的替換文字;
•考慮你的網(wǎng)站設(shè)計,所有功能可通過鍵盤。
有幾個簡單的決定你可以當(dāng)開發(fā)一個網(wǎng)站,會使網(wǎng)站更容易在沒有特殊的輔助標(biāo)記或屏幕閱讀器測試太深。確保你的HTML所傳達的意義通過其結(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)略家可以對可達性的積極影響。通過為每個頁面提供獨特的網(wǎng)頁標(biāo)題,用標(biāo)題來傳達每個網(wǎng)頁的意義和結(jié)構(gòu)。確保鏈接文本,你寫的是頁面的視覺語境之外的意義(避免寫行動的呼吁,像“點擊這里”)。多媒體內(nèi)容的文本和標(biāo)題寫。
因為所有這一切工作的潛在受益者是比你想象的更廣泛的群體。如果你曾經(jīng)試圖用一個移動應(yīng)用程序用一只手,因為你的另一只手拿著東西,如果你曾經(jīng)嘗試使用鼠標(biāo)你不常用的手因為受傷,你已經(jīng)啟動殘疾人。這不是好當(dāng)你的手指都是粘的,你仍然可以瀏覽網(wǎng)站使用鍵盤與你的手指?我們所有的不幸都容易受到來自老像喪失記憶的障礙、聽力、視力和運動受限。