使用“漸進(jìn)加強(qiáng)”和“顛簸退步”準(zhǔn)則開(kāi)拓網(wǎng)站。假如你沒(méi)有運(yùn)用列表標(biāo)志，銀幕瀏覽器就沒(méi)方法曉得這是列表，因而也就沒(méi)有能通知運(yùn)用者了。相似，圖像該當(dāng)有文本對(duì)于應(yīng)體?？砂菰L性是網(wǎng)站開(kāi)拓品質(zhì)的一度權(quán)衡規(guī)范。那樣就能夠防止眾人需要一些沒(méi)有太完美的效勞，該署效勞會(huì)由于軟件/硬件的制約而招致大少數(shù)人都無(wú)奈運(yùn)用。主頁(yè)次要由三全體組成：構(gòu)造（Structure）、體現(xiàn)（Presentation）和行止（Behavior）。(義務(wù)編者：帝位庫(kù))
小結(jié)：
注明：網(wǎng)站并沒(méi)有是必需滿意全副該署請(qǐng)求，要視網(wǎng)站用戶類型而定，但為了完成可拜訪性，網(wǎng)站該當(dāng)確保其頁(yè)面能夠用正常的銀幕瀏覽技能讀取。以語(yǔ)義化的HTML（構(gòu)造和體現(xiàn)相結(jié)合的HTML）編寫(xiě)的主頁(yè)資料，就能夠讓該類用戶更簡(jiǎn)單領(lǐng)航，且主頁(yè)資料中的主要消息也更有能夠被該署用戶找出。
    患有活動(dòng)性殘疾，因而無(wú)奈用手操作鼠標(biāo)，而用點(diǎn)擊棒來(lái)操作鍵盤，或者經(jīng)過(guò)視野點(diǎn)擊器來(lái)操作網(wǎng)站的用戶；
    遠(yuǎn)視者，需求將書(shū)體大小縮小到200%；
    瞎子或者重大聽(tīng)覺(jué)阻礙者，他們運(yùn)用銀幕瀏覽器來(lái)聽(tīng)取網(wǎng)站，或者許經(jīng)過(guò)點(diǎn)字顯現(xiàn)器來(lái)感知主頁(yè)；
    身材衰弱的用戶；

網(wǎng)站的用戶類型：

可拜訪性就是對(duì)于一切人因人而異，沒(méi)有管他們能否有殘障。相似，沒(méi)有同設(shè)施上的閱讀器可以一同運(yùn)用網(wǎng)站，且領(lǐng)航該當(dāng)是分歧的。

    茁壯性：所需要的所有效勞都該當(dāng)沒(méi)有受陽(yáng)臺(tái)或者操作零碎的制約。

</a>
 <img alt="淘寶結(jié)盟大促銷" src="images/app/sale.jpg"/>
<a href="http://www.alimama.com" title="淘寶結(jié)盟大促銷">
   
    代替形式：文天性夠作為頁(yè)面形式的通用代替形式，如img標(biāo)簽的alt屬性值、a標(biāo)簽的title屬性值。WEB規(guī)范沒(méi)有是某一度規(guī)范，而是一系列規(guī)范的解散。
    可操作：眾人能夠與 web 使用順序或者形式停止交互。語(yǔ)義化的HTML能更精確更快捷的被解析，從而曉得哪些才是主要的形式，那樣你的主頁(yè)正在搜尋后果中的排名就會(huì)大受反應(yīng)。

完成可用性、可拜訪性的辦法

    運(yùn)用挪動(dòng)設(shè)施如罕用的部手機(jī)，或者運(yùn)用追蹤球等沒(méi)有罕見(jiàn)的電腦掌握設(shè)施的用戶。

</ul>
 <li>Menu Item 3</li>
 <li>Menu Item 2</li>
 <li>Menu Item 1</li>
<ul>
   
    HTML語(yǔ)義化、構(gòu)造化：HTML語(yǔ)義構(gòu)造需要了主頁(yè)的全體框架，提醒他們正在資料層級(jí)中所處的地位，再有他們能夠如何與各族頁(yè)面元素停止交互，以及正在恰當(dāng)?shù)闹醒雽?duì)于文本形式停止強(qiáng)調(diào)，協(xié)助用戶失掉少量主要消息?，F(xiàn)正在咱們能夠只用一度表單來(lái)停止一切的搜尋，而同聲依然能完成tab選項(xiàng)卡成效（固然這需求小半款式和劇本）。
    可拜訪性：上網(wǎng)用戶中那些目力受損的人，經(jīng)過(guò)銀幕瀏覽器運(yùn)用鍵盤通知將主頁(yè)的形式讀給他們聽(tīng)。相似，注釋沒(méi)有該當(dāng)比它需求的愈加簡(jiǎn)單，且網(wǎng)站應(yīng)以可展望的形式來(lái)運(yùn)轉(zhuǎn)。
    可了解：運(yùn)用者能夠弄懂頁(yè)面形式和用戶界面。
    逐漸強(qiáng)化你的網(wǎng)站性能，同聲對(duì)于支撐性停止測(cè)試。經(jīng)過(guò) AJAX 來(lái)拔出頁(yè)面形式，那禁用javascript的用戶將無(wú)奈運(yùn)用。
    設(shè)施兼容性：純HTML，無(wú)外加款式消息，能夠?qū)?zhǔn)于存正在沒(méi)有同特性（如銀幕分寸等）的設(shè)施而被從新體例化，只要要援用一套此外的款式表即可。那樣究竟什么是web規(guī)范、可用性、可拜訪性呢？

。由于他們的銀幕瀏覽器會(huì)通知他們這是一張列表。

web規(guī)范的長(zhǎng)處：
容易的說(shuō)，就是HTML、CSS、JavaScript這三者結(jié)合。
   
    注明：經(jīng)過(guò)將領(lǐng)航菜單結(jié)構(gòu)為列表，就能很簡(jiǎn)單地讓那些運(yùn)用銀幕瀏覽器、同聲無(wú)奈看到列表的人曉得這是個(gè)列表。
    可感知：眾人能夠經(jīng)過(guò)適宜本人的傳媒來(lái)探悉主頁(yè)形式。相似，用戶該當(dāng)能夠沒(méi)有必鼠標(biāo)也能與這個(gè)網(wǎng)站停止交互，況且能夠經(jīng)過(guò)銀幕瀏覽器來(lái)停止領(lǐng)航。
    易于保護(hù)：頁(yè)面的款式和格局消息保具有共同的CSS資料中，假如你想改觀站點(diǎn)的外觀時(shí)，僅需求正在共同的CSS資料中做成更改即可。如領(lǐng)航菜單事例：

可拜訪性優(yōu)良主頁(yè)的特色

    就存戶端需求支撐的技能向你的存戶提出提議，并舉例注明哪些公司的貨物支撐該署技能。則放正在效勞器上的資料越小，鍵入資料需求的工夫就越短。

</form>
 <input type="submit" value="Search"/>
 <input type="text" id="searchfield" name="search"/>
 </fieldset>
  </ul>
   <li><label for="fish">Fish</label><input id="fish" type="radio" name="animal" value="fish"></li>
   <li><label for="cats">Cats</label><input id="cats" type="radio" name="animal" value="cat"></li>
   <li><label for="dogs">Dogs</label><input id="dogs" type="radio" name="animal" value="dog" checked></li>
   <ul>
  <legend>Search within:</legend>
 <fieldset>
<form action="search.html" method="GET">
   
    HTML界說(shuō)根本交互：完成tab選項(xiàng)卡搜尋性能
   
    注明：文本形式能夠很便當(dāng)?shù)赜摄y幕瀏覽器誦讀進(jìn)去，也能夠縮小或者減少，還能夠便當(dāng)?shù)馗挠^其比照度，或者許停止其余許反復(fù)無(wú)常形操作。
    需要相反形式或者性能的代替讀物。同聲，CSS自身也能夠讓你為沒(méi)有同的出現(xiàn)形式和傳媒類型（如正在銀幕上瀏覽主頁(yè)，打印主頁(yè)，正在挪動(dòng)設(shè)施上瀏覽主頁(yè)等）規(guī)則沒(méi)有同的款式表。

二、可用性、可拜訪性

    網(wǎng)絡(luò)爬蟲(chóng)/搜尋引擎：搜尋引擎運(yùn)用“爬蟲(chóng)”，解析你的主頁(yè)。
一、web規(guī)范
    序言：自己沒(méi)有難發(fā)覺(jué)，只需是聘請(qǐng)UED有關(guān)的炮位，如前者開(kāi)拓工事師、交互設(shè)想師、用戶鉆研員以至聽(tīng)覺(jué)設(shè)想師，正常都對(duì)于web規(guī)范、可用性和可拜訪性的了解有請(qǐng)求。
    代碼的頻率：正在HTML資料中運(yùn)用最精簡(jiǎn)的代碼，而把款式和頁(yè)面格局消息蘊(yùn)含進(jìn)CSS資料中。
    答應(yīng)用戶開(kāi)放有成績(jī)的加強(qiáng)性能。對(duì)于應(yīng)的規(guī)范也分三范圍：構(gòu)造化規(guī)范言語(yǔ)次要囊括XHTML和XML，體現(xiàn)規(guī)范言語(yǔ)次要囊括CSS，行止規(guī)范次要囊括對(duì)于象模子（如 W3C DOM）、ECMAScript等。

四個(gè)可拜訪性規(guī)范（WCAG 2.0）：

   
    注明：先思忖根本交互（而沒(méi)有是僅僅只加載聽(tīng)覺(jué)成效的全體）的話，你就能夠簡(jiǎn)化完成tab搜尋成效。比方該當(dāng)讓瞎子得以收聽(tīng)頁(yè)面形式。假如你正在開(kāi)拓網(wǎng)站的時(shí)分（以及開(kāi)端開(kāi)拓前）理睬你的運(yùn)用用戶的話，你就能創(chuàng)立可用性、可拜訪性更好、更相符web規(guī)范的主頁(yè)，況且享用它所帶來(lái)的所有益處。alt 屬性蘊(yùn)含了對(duì)于該圖片的冗長(zhǎng)形容，再不無(wú)奈精確看到該圖片的用戶（或者搜尋引擎）運(yùn)用，title屬性擔(dān)任對(duì)于鏈接地點(diǎn)的細(xì)致文本形容。整站一致css則可帶來(lái)碩大的便捷。