建站常識
內(nèi)容可訪問性不是全部
2009-11-07 14:10:00
絕大多數(shù)同行接觸可訪問性可能都從W3C的WAI組織制定的WCAG1.0(這幾個英文縮寫的關(guān)系很重要)開始,而國內(nèi)設(shè)計師大多參考了Junchen在06年翻譯的Web內(nèi)容可訪問性指南1.0(2008年12月11日已經(jīng)發(fā)布WCAG2.0英文版)中文版,其中提到了保證頁面設(shè)計良好呈現(xiàn)的幾個關(guān)鍵因素,以及14條指南:
為視聽的內(nèi)容提供同等的文字替代;
不要僅依靠色彩來提供信息;
適當使用標記語言和樣式表;
闡明自然語言的使用;
創(chuàng)建編排良好的表格;
確保頁面能夠在新技術(shù)下良好呈現(xiàn);
確保使用者能處理時間敏感內(nèi)容的改變;
確保嵌入式用戶界面具有直接的可訪問性;
設(shè)備無關(guān)的設(shè)計;
使用過渡的解決方案;
使用W3C推薦的技術(shù)和規(guī)范;
提供內(nèi)容引導(dǎo)信息;
提供清晰的內(nèi)容導(dǎo)航機制;
確保文檔內(nèi)容的清晰與簡單。
微軟MSDN上關(guān)于WAI、WCAG和Section 508的解釋中分別提到了WCAG1.0和來自美國聯(lián)邦政府的Section 508規(guī)范要點。Section 508法案的Subpart B有16條,原文翻譯的很啰嗦,根據(jù)自己理解簡化如下:
對每個非文本元素都應(yīng)該提供等同的文本。
任何多媒體演示的等同替代內(nèi)容都應(yīng)該與該演示同步。
保證所有通過顏色傳達的信息無需顏色也可獲得,比如通過上下文或者標記。
文檔應(yīng)該經(jīng)過組織,這樣它們無需關(guān)聯(lián)的樣式表也可閱讀。
為服務(wù)器端圖像映射的每個活動區(qū)域都提供冗余的文本鏈接。
提供客戶端圖像映射而非服務(wù)器端,除非區(qū)域不能使用可用的幾何圖形來定義。
為數(shù)據(jù)表標識行和列標題。
對于具有多個行列邏輯層次的數(shù)據(jù)表,應(yīng)標記清楚關(guān)聯(lián)數(shù)據(jù)單元格和標題單格。
使用有助于框架標識和導(dǎo)航的文本來為框架加上標題。
避免在頻率大于2Hz并小于55Hz的情況下導(dǎo)致屏幕閃爍。
當以任何其他方法都無法達到符合性時,應(yīng)該提供有等同信息或功能的純文本頁以使Web站點符合規(guī)定,并相應(yīng)同步。
使用腳本語言來顯示內(nèi)容或創(chuàng)建界面元素時,應(yīng)預(yù)留退路保證功能文本一致。
要求客戶端用插件或應(yīng)用程序來解釋頁面內(nèi)容時,必須提供相應(yīng)插件或程序鏈接。
允許用戶使用輔助技術(shù)來訪問并提交在線電子表單所需的信息、字段和功能,包括所有說明和提示。
提供方法允許用戶跳過重復(fù)的導(dǎo)航鏈接。
當需要定時響應(yīng)時,應(yīng)該警告用戶并給予其充分時間以表示需要更多的時間。
熟悉WCAG和Section 508的同行,可能已經(jīng)意識到,它們都只滿足了可訪問性的部分要求,而并不是完備的解決方案。仔細推敲,WCAG有個web“內(nèi)容”可訪問性的前提限定;Section 508范圍稍廣,但只是個法案而非技術(shù)標準。
其實很好理解,能進入站點才能享受服務(wù),享受了服務(wù)才能體驗功能,體驗功能后才能看到內(nèi)容,“內(nèi)容”可訪問性只是web可訪問性的站點、服務(wù)、功能、內(nèi)容層次之一。比如強行設(shè)主頁和彈窗都屬于站點可訪問性;404頁面和強行注冊屬于服務(wù)可訪問性;不提供站內(nèi)搜索和提供N多同類鏈接則屬于功能可訪問性。
在搞清楚技術(shù)定位之后,視野可以更開闊,看問題也不至于那么模糊。比如,絕大多數(shù)互聯(lián)網(wǎng)工作者對優(yōu)化“web用戶體驗”的工作,總是有種承擔最少改動風(fēng)險,獲取最大收益回報的心態(tài)。既沒太多資源和時間做很多事,又想馬上看到效果,對任何設(shè)計師來說都是絕對挑戰(zhàn)。以我的從業(yè)經(jīng)驗總結(jié)來看,這樣的客戶其實需要的是“可訪問性設(shè)計”優(yōu)化,并且他們理解認定的“web用戶體驗”優(yōu)化工作也僅止于此。
很多時候,當涉足優(yōu)化那些需要專業(yè)知識來驅(qū)動設(shè)計改進的專業(yè)網(wǎng)站時,我們往往對信息架構(gòu)的“可發(fā)現(xiàn)性”、交互設(shè)計的“可用性”優(yōu)化提不出建設(shè)性建議。因此,能夠大顯身手的地方也只有針對“可訪問性”的優(yōu)化改進。由此可見,一方面應(yīng)該更重視并準確理解可訪問性,另一方面更應(yīng)該注意避免內(nèi)容可訪問性帶來的局限性誤區(qū)。
如果從產(chǎn)品角度理解,似乎互聯(lián)網(wǎng)產(chǎn)品總是與web2.0劃等號,UCD設(shè)計理論的發(fā)展也與之息息相關(guān)。而針對web1.0網(wǎng)站的用戶體驗優(yōu)化,我認為可訪問性效果遠大于可用性,因為此類網(wǎng)站沒有復(fù)雜的用戶行為、交互邏輯,以及應(yīng)用場景。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2009-06-27 22:44:00] 可訪問性—前端的使命(三)
- [2009-06-23 08:01:00] 可訪問性—前端的使命(一)
- [2009-11-12 08:31:00] 使用Title提升可訪問性二
- [2009-06-27 22:43:00] 可訪問性—前端的使命(二)
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
外貿(mào)網(wǎng)站設(shè)計 色彩心理學(xué) H5定制設(shè)計 響應(yīng)式設(shè)計 SEO優(yōu)化 網(wǎng)站策劃 網(wǎng)站改版 網(wǎng)站設(shè)計趨勢 新的元素 HTML5 青島高端網(wǎng)站建設(shè)公司哪家好 微官網(wǎng)帶來的好處 力圖數(shù)字科技 H5專題頁面 企業(yè)建站 視覺靈感 海信網(wǎng)絡(luò)科技 營銷型網(wǎng)站 青島網(wǎng)站設(shè)計哪家好 版面布局 微官網(wǎng) 青島網(wǎng)站建設(shè) 互聯(lián)網(wǎng) 圖形網(wǎng)格 企業(yè)網(wǎng)站為什么要備案 青島網(wǎng)站營銷 良好的導(dǎo)航 青島網(wǎng)站建設(shè)公司哪家好 交互設(shè)計 H5