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

設(shè)計(jì)一個(gè)體驗(yàn)性好的網(wǎng)站

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

如果您的網(wǎng)站在采取這些步驟后仍然有意義,那么您有一個(gè)可訪問的網(wǎng)站可以覆蓋廣泛的用戶群體,希望您仍然有足夠的時(shí)間來(lái)享受冰冷的飲料,并閱讀Digg的游戲部分。
我從網(wǎng)頁(yè)設(shè)計(jì)師那里看到的大的錯(cuò)誤之一就是使得可訪問性比實(shí)際更復(fù)雜。
大多數(shù)網(wǎng)站設(shè)計(jì)師認(rèn)為創(chuàng)建可訪問的內(nèi)容,這將需要幾周的夸張標(biāo)簽,設(shè)計(jì)標(biāo)簽瀏覽和熱鍵每一分鐘的功能的一個(gè)網(wǎng)站,并寫出過(guò)度描述的元數(shù)據(jù),所以大多數(shù)人只是放棄,甚至不煩。然而,通過(guò)使用一些簡(jiǎn)單的技術(shù)和遵循一些基本的指導(dǎo)方針,您可以讓廣泛的用戶群體訪問您的網(wǎng)站,而不用花費(fèi)太多的時(shí)間和精力。
我將Web可訪問性定義為:
無(wú)論物理能力,網(wǎng)絡(luò)客戶端和個(gè)人喜好如何,都可以向廣泛的受眾群體提供網(wǎng)絡(luò)內(nèi)容。
為了簡(jiǎn)化我們作為可訪問的網(wǎng)頁(yè)設(shè)計(jì)師的任務(wù),我們?cè)u(píng)估一些不同類型的用戶時(shí),有一些特定的類別可能會(huì)有所幫助:
視力障礙:視力低或視力不佳者 這些用戶可以使用屏幕軟件,或者可以使用瀏覽器的功能來(lái)增加文本大小和對(duì)比度。
聽力障礙:聽力低或聽不到的聽力。這些用戶需要能夠看到作為網(wǎng)站一部分的任何音頻的文本表示。
身體受損:那些缺乏使用鼠標(biāo)或傳統(tǒng)鍵盤的身體靈巧的人。這些用戶可以使用各種接口設(shè)備,其中許多接口設(shè)備與傳統(tǒng)[TAB]密鑰的功能并行。
替代Web客戶端用戶:可能正在使用移動(dòng)設(shè)備,平板電腦,專業(yè)瀏覽器(如零售銷售點(diǎn)設(shè)備)或游戲機(jī)的用戶。這些設(shè)備上瀏覽窗口的尺寸和方向可能是非常規(guī)的
技術(shù)有限:可能具有低帶寬或低網(wǎng)絡(luò)可靠性的用戶,例如偏遠(yuǎn)地區(qū)或發(fā)展中國(guó)家的用戶。這些用戶可能會(huì)關(guān)閉表示層以更好地訪問內(nèi)容。
要設(shè)計(jì)可訪問的網(wǎng)站,您可以做的最重要的事情之一是將內(nèi)容與演示文稿分開。請(qǐng)記住,人們正在訪問您的網(wǎng)站的內(nèi)容。通過(guò)將演示文稿與內(nèi)容分開,您可以讓用戶使用任何適合的客戶端訪問內(nèi)容,無(wú)論是屏幕閱讀器,移動(dòng)設(shè)備還是平板電腦。
內(nèi)容層
內(nèi)容層是設(shè)計(jì)可訪問網(wǎng)站的核心。由<body>標(biāo)簽之間的所有內(nèi)容組成的內(nèi)容層只能包含要直接與受眾通信的信息,例如文本和圖像。除了設(shè)置顯示信息的順序之外,內(nèi)容層不應(yīng)該包含有關(guān)頁(yè)面應(yīng)該是什么樣的信息 - 信息屬于表示層。
結(jié)構(gòu)。內(nèi)容層應(yīng)根據(jù)您使用的html標(biāo)簽的含義進(jìn)行結(jié)構(gòu)化。如果您已經(jīng)熟悉語(yǔ)義代碼,這應(yīng)該很簡(jiǎn)單。如果你不是,你應(yīng)該查看Roger Johansson 關(guān)于語(yǔ)義HTML的文章。
頁(yè)面的標(biāo)題應(yīng)該包含在<h1>標(biāo)簽中,表示它是頁(yè)面上高級(jí)別的標(biāo)題。
該網(wǎng)站的導(dǎo)航應(yīng)包含在<ul>標(biāo)簽中,因?yàn)樗菬o(wú)序的項(xiàng)目列表。
盡可能避免使用<iframe>。當(dāng)使用[TAB]鍵瀏覽頁(yè)面時(shí),內(nèi)聯(lián)框架往往會(huì)混淆屏幕軟件并造成嚴(yán)重破壞。
<table>不應(yīng)使用格式化標(biāo)簽。<table>標(biāo)簽只能用于標(biāo)識(shí)表格數(shù)據(jù),例如財(cái)務(wù)資產(chǎn)負(fù)債表。
不要用<div>標(biāo)簽瘋狂。不幸的是,隨著人們停止使用<table>標(biāo)簽,他們似乎只是用<div>s 替代它們。當(dāng)a <div>不代表新的內(nèi)容分組時(shí),它不會(huì)被正確使用。
圖像。語(yǔ)義設(shè)計(jì)原理告訴我們,不spacer.gif應(yīng)該包括非內(nèi)容圖像,如臭名昭著的圖像。應(yīng)使用圖像進(jìn)行元標(biāo)記, <alt>以向無(wú)法查看圖像的用戶指示其目的; 不幸的是,一些高度認(rèn)真的設(shè)計(jì)師將添加如此詳細(xì)的<alt>標(biāo)簽,使它們變得無(wú)用,如:
<alt="a small group of people including a blonde woman with short hair, a man with dark hair, a woman with long dark hair, and a man with brown, long hair all on a light blue background">
請(qǐng)記住,您在<alt>標(biāo)簽中包含的信息可能會(huì)被屏幕閱讀器大聲朗讀,因此簡(jiǎn)潔的描述,如<alt="Team Photo">最好的。
演示層
固定尺寸。用戶可能會(huì)有異常大小的屏幕,或者可能會(huì)選擇在瀏覽器中增加文字大小。當(dāng)您為元素建立固定高度時(shí),當(dāng)您的用戶嘗試增加文本大小時(shí),您的設(shè)計(jì)很可能會(huì)中斷。盡可能避免固定尺寸。
顏色和對(duì)比度。確保您的顏色選擇允許文本從背景中脫穎而出,使低視力人士可以輕松閱讀您的內(nèi)容。
動(dòng)態(tài)內(nèi)容。有很多偉大的JavaScript動(dòng)力,AJAX風(fēng)格的動(dòng)態(tài)技術(shù),可以用來(lái)使您的網(wǎng)站具有視覺吸引力和功能上有用的演示文稿。當(dāng)包含這些元素時(shí),請(qǐng)始終關(guān)注當(dāng)沒有啟用Javascript的用戶嘗試訪問內(nèi)容或功能時(shí)會(huì)發(fā)生什么。對(duì)于這方面的一些很好的技術(shù),我強(qiáng)烈推薦湯米·奧爾森(Tommy Olsson)關(guān)于優(yōu)雅退化和漸進(jìn)增強(qiáng)的文章。
可用性測(cè)試
一旦您完成了內(nèi)容和演示文稿層的輔助功能,現(xiàn)在是時(shí)候來(lái)看看您的網(wǎng)站如何通過(guò)任何數(shù)量的非傳統(tǒng)方式呈現(xiàn)給您的客戶。我看到的最好的快速訪問檢查是MIT Web輔助功能指南5分鐘快速檢查可訪問性。它包括以下步驟:
關(guān)閉瀏覽器中的圖像(確保圖像占位符已打開)
關(guān)閉JavaScript支持
選中頁(yè)面,嘗試導(dǎo)航,無(wú)需鼠標(biāo)
嘗試在瀏覽器中更改標(biāo)準(zhǔn)字體顏色和樣式
嘗試使用瀏覽器增加字體大小(視圖>文本大小>增加)
關(guān)閉樣式表的支持

分享標(biāo)題:設(shè)計(jì)一個(gè)體驗(yàn)性好的網(wǎng)站
URL標(biāo)題:http://www.rwnh.cn/news28/76978.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信小程序、網(wǎng)站建設(shè)、品牌網(wǎng)站建設(shè)移動(dòng)網(wǎng)站建設(shè)、企業(yè)網(wǎng)站制作App設(shè)計(jì)

廣告

聲明:本網(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)

搜索引擎優(yōu)化
长顺县| 尖扎县| 公主岭市| 平山县| 绵阳市| 休宁县| 仲巴县| 社旗县| 武汉市| 房产| 昌乐县| 临洮县| 芦山县| 手游| 紫云| 若尔盖县| 临桂县| 孟村| 高陵县| 靖江市| 阿拉善右旗| 余江县| 西充县| 永顺县| 陵水| 乳源| 滦南县| 乌兰察布市| 长阳| 临汾市| 历史| 个旧市| 日喀则市| 招远市| 海伦市| 黄山市| 绩溪县| 瑞安市| 潞城市| 临沭县| 海阳市|