中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

設(shè)計一個無障礙網(wǎng)站,而不失去你的心靈

2019-10-02    分類: 網(wǎng)站建設(shè)

我從網(wǎng)頁設(shè)計師那里看到的大的錯誤之一就是使得可訪問性比實際更復(fù)雜。

大多數(shù)網(wǎng)站設(shè)計師認為創(chuàng)建可訪問的內(nèi)容,這將需要幾周的夸張標簽,設(shè)計標簽瀏覽和熱鍵每一分鐘的功能的一個網(wǎng)站,并寫出過度描述的元數(shù)據(jù),所以大多數(shù)人只是放棄,甚至不煩。然而,通過使用一些簡單的技術(shù)和遵循一些基本的指導方針,您可以讓廣泛的用戶群體訪問您的網(wǎng)站,而不用花費太多的時間和精力。

我將Web可訪問性定義為:

無論物理能力,網(wǎng)絡(luò)客戶端和個人喜好如何,都可以向廣泛的受眾群體提供網(wǎng)絡(luò)內(nèi)容。

為了簡化我們作為可訪問的網(wǎng)頁設(shè)計師的任務(wù),我們評估一些不同類型的用戶時,有一些特定的類別可能會有所幫助:

  • 視力障礙:視力低或視力不佳者 這些用戶可以使用屏幕軟件,或者可以使用瀏覽器的功能來增加文本大小和對比度。

  • 聽力障礙:聽力低或聽不到的聽力。這些用戶需要能夠看到作為網(wǎng)站一部分的任何音頻的文本表示。

  • 身體受損:那些缺乏使用鼠標或傳統(tǒng)鍵盤的身體靈巧的人。這些用戶可以使用各種接口設(shè)備,其中許多接口設(shè)備與傳統(tǒng)[TAB]密鑰的功能并行。

  • 替代Web客戶端用戶:可能正在使用移動設(shè)備,平板電腦,專業(yè)瀏覽器(如零售銷售點設(shè)備)或游戲機的用戶。這些設(shè)備上瀏覽窗口的尺寸和方向可能是非常規(guī)的

  • 技術(shù)有限:可能具有低帶寬或低網(wǎng)絡(luò)可靠性的用戶,例如偏遠地區(qū)或發(fā)展中國家的用戶。這些用戶可能會關(guān)閉表示層以更好地訪問內(nèi)容。

要設(shè)計可訪問的網(wǎng)站,您可以做的最重要的事情之一是將內(nèi)容與演示文稿分開。請記住,人們正在訪問您的網(wǎng)站的內(nèi)容。通過將演示文稿與內(nèi)容分開,您可以讓用戶使用任何適合的客戶端訪問內(nèi)容,無論是屏幕閱讀器,移動設(shè)備還是平板電腦。

內(nèi)容層

內(nèi)容層是設(shè)計可訪問網(wǎng)站的核心。由標簽之間的所有內(nèi)容組成的內(nèi)容層只能包含要直接與受眾通信的信息,例如文本和圖像。除了設(shè)置顯示信息的順序之外,內(nèi)容層不應(yīng)該包含有關(guān)頁面應(yīng)該是什么樣的信息 - 信息屬于表示層。

結(jié)構(gòu)。內(nèi)容層應(yīng)根據(jù)您使用的html標簽的含義進行結(jié)構(gòu)化。如果您已經(jīng)熟悉語義代碼,這應(yīng)該很簡單。如果你不是,你應(yīng)該查看Roger Johansson 關(guān)于語義HTML的文章。

  • 頁面的標題應(yīng)該包含在

    標簽中,表示它是頁面上高級別的標題。

  • 該網(wǎng)站的導航應(yīng)包含在標簽中,因為它是無序的項目列表。

  • 盡可能避免使用

  • 不應(yīng)使用格式化標簽。
    標簽只能用于標識表格數(shù)據(jù),例如財務(wù)資產(chǎn)負債表。

  • 不要用

    標簽瘋狂。不幸的是,隨著人們停止使用

    標簽,他們似乎只是用

    s 替代它們。當a

    不代表新的內(nèi)容分組時,它不會被正確使用。

圖像。語義設(shè)計原理告訴我們,不spacer.gif應(yīng)該包括非內(nèi)容圖像,如臭名昭著的圖像。應(yīng)使用圖像進行元標記, 以向無法查看圖像的用戶指示其目的; 不幸的是,一些高度認真的設(shè)計師將添加如此詳細的標簽,使它們變得無用,如:

請記住,您在標簽中包含的信息可能會被屏幕閱讀器大聲朗讀,因此簡潔的描述,如最好的。

演示層

固定尺寸。用戶可能會有異常大小的屏幕,或者可能會選擇在瀏覽器中增加文字大小。當您為元素建立固定高度時,當您的用戶嘗試增加文本大小時,您的設(shè)計很可能會中斷。盡可能避免固定尺寸。

顏色和對比度。確保您的顏色選擇允許文本從背景中脫穎而出,使低視力人士可以輕松閱讀您的內(nèi)容。

動態(tài)內(nèi)容。有很多偉大的JavaScript動力,AJAX風格的動態(tài)技術(shù),可以用來使您的網(wǎng)站具有視覺吸引力和功能上有用的演示文稿。當包含這些元素時,請始終關(guān)注當沒有啟用Javascript的用戶嘗試訪問內(nèi)容或功能時會發(fā)生什么。對于這方面的一些很好的技術(shù),我強烈推薦湯米·奧爾森(Tommy Olsson)關(guān)于優(yōu)雅退化和漸進增強的文章。

可用性測試

一旦您完成了內(nèi)容和演示文稿層的輔助功能,現(xiàn)在是時候來看看您的網(wǎng)站如何通過任何數(shù)量的非傳統(tǒng)方式呈現(xiàn)給您的客戶。我看到的最好的快速訪問檢查是MIT Web輔助功能指南5分鐘快速檢查可訪問性。它包括以下步驟:

  1. 關(guān)閉瀏覽器中的圖像(確保圖像占位符已打開)

  2. 關(guān)閉JavaScript支持

  3. 選中頁面,嘗試導航,無需鼠標

  4. 嘗試在瀏覽器中更改標準字體顏色和樣式

  5. 嘗試使用瀏覽器增加字體大小(視圖>文本大小>增加)

  6. 關(guān)閉樣式表的支持

如果您的網(wǎng)站在采取這些步驟后仍然有意義,那么您有一個可訪問的網(wǎng)站可以覆蓋廣泛的用戶群體,希望您仍然有足夠的時間來享受冰冷的飲料,并閱讀Digg的游戲部分。

文章名稱:設(shè)計一個無障礙網(wǎng)站,而不失去你的心靈
當前路徑:http://m.rwnh.cn/news25/80575.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)云服務(wù)器、品牌網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、動態(tài)網(wǎng)站

廣告

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

商城網(wǎng)站建設(shè)
铜川市| 卫辉市| 鹤岗市| 平潭县| 无极县| 崇礼县| 千阳县| 北碚区| 汉源县| 旌德县| 高碑店市| 舞钢市| 阿拉善右旗| 杨浦区| 定南县| 隆子县| 仙桃市| 斗六市| 沙坪坝区| 南通市| 扎鲁特旗| 淅川县| 石柱| 河曲县| 乐至县| 龙游县| 天全县| 交城县| 土默特右旗| 丹寨县| 喀喇| 都安| 隆子县| 阳城县| 江西省| 濮阳市| 自贡市| 红原县| 武平县| 佛教| 湖北省|