Web 可用性： 基礎知識

什麼是 web 可用性和為什麼重要？

網站可用性是有關一種您網站的使用者可以找到他們想要快速、 高效地使您的網站。可用的網站可以收穫到您的網站，您的業務上的巨大利益。

＊ 每 1 英鎊的投資在改善您的網站可用性返回英鎊 10 到 100 英鎊 （來源： IBM）

＊ web 可用性重新設計可以增加銷售兌換率 100%（來源： 雅各 · 尼爾森)

你的網站有很容易導航

使用者已逐漸成為習慣特定佈局和短語在互聯網上，例如：

＊ 組織標誌在左上角和回主頁的連結

＊ '關於我們' 一詞用於組織資訊

＊ 導航是在同一位置上的每個頁面和相鄰的內容

＊ 任何閃爍或放置上方頂部 logo 往往是一個廣告

＊ '購物車' 一詞用於您可能想要購買的項

像這些無數增強您的網站可用性其他公約 — — 你能想出一些更多的嗎？

不要低估這些公約的重要性 — — 隨著互聯網的成熟我們也得到了越來越多用於被某種東西。打破這些公約，你可能會留下什麼但可憐的可用性的網站和少數不滿的網站訪問者。

頁面必須快速下載

可用性研究顯示 8.6 秒是 web 使用者將等待頁面下載的最長時間 （源： 安德魯 B.國王-速度了網站）。截至 2004 年 3 月只有 25%的英國 web 使用者有寬頻 （來源： 英國國家統計） 因此必須為你的網站快速下載的最優的可用性。

若要加快您的網站的下載時間，我們建議您做三件事：

＊ 使用 CSS 和不表以 web 頁的佈局

＊ 使用 CSS 和不圖像來創建花式導航專案

＊ 閱讀這篇文章如何加快你的 web 頁面，在 http://www.webcredible.co.uk/speed 的下載時間

應易於檢索資訊

我們以不同的方式閱讀印刷品的方式閱讀的 web 頁。我們一般不讀頁逐字-而是我們的掃描。當我們掃描 web 頁時某些專案站出來：

＊ 標題

＊ 連結文本

＊ 加粗文本

＊ 專案符號清單

你注意圖像留下出該清單中的嗎？相反，在其中我們閱讀印刷品的路上，我們看到文本之前在互聯網上看到的圖像。為優化網站可用性別地點的重要資訊圖像中不被注意。

限制必須不放上使用者

不要阻止您的使用者流覽互聯網，他們想要的方式。例如：

1.每次在新視窗中打開連結的後退按鈕被禁用。大約 60%的網路使用者作為其主要的導航方式聘用的後退按鈕 （來源： 可用性介面）。如果你這樣做，那麼您要阻止 60%的使用者使用其主導航-現在這是不好的可用性。

2.不要使用你的網站的佈局的框架。幀即可以導致可用性問題，一些：

＊ 禁用後退按鈕 （見上文）

＊ 書簽不可能

無法通過電子郵件發送給其他人的連結

＊ 印刷的問題

＊ 使用者感受到被困的如果外部連結在同一視窗中打開

＊ 搜尋引擎優化問題

有很多其他網站可以限制放其使用者，最終損害其可用性的方法-你能想的更多嗎？只要想想一個網站真的激怒你-最後一次什麼討厭的事？ 讓你感受到這種方式

網頁易讀性： 基礎知識

無障礙網頁是什麼和為什麼重要？

無障礙網頁是關於使所有互聯網使用者 （已禁用和非殘疾），不管他們在使用什麼流覽技術的可訪問您的網站。除了要遵守的法律，可訪問的網站可以收穫到您的網站，您的業務上的巨大利益。

您的網站必須能夠與所有不同的流覽技術功能

第一，也許最重要的網頁易讀性的規則。不是每個人都使用最新版本的 Ie 流覽器，所有的外掛程式和程式您可能需要為您的網站有。流覽技術不同，每個都有自己的可訪問性要求，可以包括：

＊ lynx 流覽器-純文字流覽器不支援表、 CSS、 圖像、 JavaScript、 Flash 或音訊和視頻內容

＊ WebTV-560px 寬度與水準滾動中不可用

＊ 螢幕讀取器-頁面內容的 HTML 文檔中的出現的順序大聲朗讀

＊ 手持設備-有限支援 JavaScript 和大圖像很小的螢幕

＊ 螢幕放大鏡-少到三到四個字可能能夠在任何時間出現在螢幕上

＊ 慢速連接 （低於 56 kb)-使用者可能會關閉圖像，以便更快的下載時間

＊ 1600px 螢幕寬度-非常寬螢幕

基本上，這意味著以確保你的網站是人人必須提供替代辦法：

＊ 圖像的 ALT 文本的形式

＊ JavaScript-通過標記

＊ 閃爍-HTML 等效項

＊ 音訊與視頻-使用字幕或書面的講稿

為增強的網站協助工具還必須小心你的頁面時刪除了支援 CSS 和/或表的外觀。

有兩個好方法，您可以檢查你的網站是可訪問的所有這些：

＊ 下載 Opera 流覽器並閱讀這篇文章對檢查網頁易讀性與歌劇 (http://www.sitepoint.com/article/checking-just-browser)

＊ 從 http://lynx.browser.org 下載 Lynx 流覽器，看是否可以成功地訪問你的網站的每個部分

表單需要所有 web 使用者可以都訪問的

Web 使用者填寫表單時它就是一個偉大的事情。人填寫表格：

＊ 購買產品 ＊ 簽約新聞快遞 ＊ 問一個問題

這些就是網站的你的目標 ！網站訪問者通過您的網站看起來可能，決定他喜歡他的看到，試圖註冊您的新聞稿。

...但該表單不是他可訪問的所以他觸和你失去了潛在客戶。在 web 上的多數形式患有可訪問性問題。這兩個主要原因如下：

＊ 提示文本被錯誤地定位 ＊ 提示文本是未分配到表單的專案 （提示文本是 '評論' 每個表單的專案，例如名稱、 電子郵件旁邊顯示的文本）

要瞭解更多請閱讀這篇文章使表單訪問 (http://www.webcredible.co.uk/user-friendly-resources/web-accessibility/accessible-forms-1.shtml)。

它應該是所有使用者可以方便地快速處理您的網站上的內容

我們一般不讀的 web 頁。我們進行掃描，試圖找到我們在尋找什麼，儘快。在定期的顯示器上，我們下滾動頁面的其餘文本中脫穎而出的專案看： 標題、 連結、 粗體文本和子彈的點。非鍵盤和視障人士使用的使用者往往通過 tab 鍵之間的標題或連結掃描頁面。

為確保您的網站的協助工具，使用標題、 連結、 加粗文本和專案符號點，並確保它們包含描述性文本。例如，永遠不會使用按一下此處連結文本。

應完全分隔結構和演示文稿

結構與演示文稿分離通過您的網站將可以訪問和準備互聯網的未來： Pda、 手機、 車內流覽器、 WebTV 和 1600px 的螢幕。

文檔的結構是如何它組織，通常與導航功能表項目、 標題、 副標題、 段落、 清單和連結。文檔的演示文稿是如何向最終使用者顯示這些文字和圖像。

此協助工具準則背後的主要原則是使用 CSS 和不表對 web 頁進行佈局。簽出我們 CSS 資源的地區，說明如何使用 CSS 來增加你的網站可訪問性。

有更多的結構和比只將你的網頁鋪設用 CSS 演示文稿分離。看一看此 HTML 元素清單，告訴您哪些元素是結構性的哪些是表像。為優化 web 協助工具，可以，並應避免使用表像元素，因為它們可能會導致您的網站，成為某些使用者的可訪問性低。

最終使用者應掌握在你的網頁

所有的 web 使用者有他們如何使用互聯網，取決於他們使用的流覽器類型或任何障礙或殘疾，他們可能會有一種獨特的要求。由交回給您的使用者的控制，你會改善你的網站可訪問性和網站訪問者將能夠用最佳的方式使用你的網站適合她們。

此協助工具準則可能意味著允許使用者調整文本的大小，警告他們打算在新的視窗中打開連結時，或提供一個連結，以將使用者直接向頁面內容的螢幕的頂部。

Web 可訪問性神話

傳遞到互聯網 （包括在英國的殘疾歧視法 》） 的盲和殘疾人士訪問的法律在世界各地越來越多的國家，與網頁易讀性已經陷入線上社區的聚光燈之下。這篇文章試圖制止了拋來拋去的誤傳，告訴你網頁易讀性背後的真相。

1.創建純文字的等效是足夠

創建單獨的純文字等效可能會導致一些問題：

-純文字版本並不一定需要訪問

-兩種版本的同一網站代表著大量的時間和錢投資，為您

-您的主網站可能不是很多使用者訪問

-額外盲和已禁用的使用者可以訪問網站可以使他們感到被邊緣化，從主流社會的一種更多方法

網頁易讀性不僅僅是盲和殘疾人士的互聯網使用者在能夠使用您的網站-它是關於每個人都能成功地訪問它。它真的沒有花很多時間或金錢，使您的網站訪問。

2.很複雜和昂貴使我的網站可訪問

開發可訪問的網站，從零開始將成本幾乎相同，發展不能訪問的網站。非常大，高度不可訪問的網站可能需要更多的時間和金錢來修復，雖然基本佈局和設計通常需要不更改。

無障礙網頁不是複雜和具有基本的 web 設計技能的任何人都可以輕鬆地實現它。

3.可訪問和有吸引力的網站設計不能一起去

網頁易讀性的許多宣導者往往相當枯燥、 乏味的網站。這是不幸的作為 web 協助工具需要不會影響任何方式在網站的設計。為了完全消除這一神話，看看 CSS 禪園 (http://www.csszengarden.com)-一個漂亮的網站，提供 100%的可訪問性。

4.可訪問網站扼殺創意

無障礙網頁其實很少限制置於網站設計。事實上，正如與定期的網站，你真的只受限於你的想像力創建可訪問網站時。看一看 CSS 禪園 (http://www.csszengarden.com) 到自己協助工具沒有創意，以任何方式影響的。

5.我的網站訪問者不需要訪問我的網站的問題

不一定。看到了可訪問的網站-看只是多少的互聯網使用者你可能排除從您的網站 （http://www.webcredible.co.uk/user-friendly-resources/web-accessibility/benefits-of-accessible-websites-1.shtml） 的第一部分的好處。你可以肯定與 35 萬可供選擇的網站是不太可能阻止訪問你的網站的網站訪問者會浪費他聯繫你問你要解決問題的時間。

6.網頁易讀性置於網頁設計的限制

一點也不。正如與定期的網站，你只受限於你的想像力創建可訪問網站時。文本大小可以是那樣大或小，你喜歡 （前提是它的大小），可以使用任何你喜歡 （前提是顏色並不是你區分資訊的唯一方法） 的顏色方案和您可以使用盡可能多的圖像，如你喜歡 （前提提供一種另類的描述）。

這些協助工具受制大多發生在後臺，並不會影響網站的演示文稿。

7.盲和殘疾的人不使用互聯網

相反，盲、 殘疾人受益于互聯網比其他任何人也許更多。

例如，視障的人士要打電話一家超市，當他們想要去購物，告知他們的到來。當他們到達那裡時，店助理會陪他們在商店附近。通過可訪問網站盲人可以現在購物在家裡和自己的時間。

結論

無障礙網頁不是腦科學。它已不只是禁用使用者能夠訪問你的網站 — — 它是關於每個人都能夠訪問你的網站，包括使用手持設備、 WebTV 和車內的流覽器的人。任何 web 開發人員使用基本的 HTML 和 CSS 設計知識和他們的手上的時間有點可以輕鬆地瞭解和執行 web 可訪問性。

螢幕放大鏡使用者無障礙網頁

推行無障礙網頁上，一個網站時，螢幕放大鏡使用者的需求被忽略了。弱視的 web 使用者用於螢幕放大器增加的大小螢幕元素會。一些使用者會放大螢幕，只有三到四個字能在任何時間出現在螢幕上。您可以嘗試使用螢幕放大鏡自己通過從 http://www.aisquared.com/Products/ZoomText8_mag/FreeTrial/Z8FreeTrial.htm 的免費 30 天試用下載 Zoomtext 螢幕放大鏡。

好消息是一些基本的原則，提高可訪問性和可用性對於螢幕放大鏡的使用者，也為每個人提高可用性。為了説明，我們列出六種方法改善螢幕放大鏡使用者的可用性和可訪問性：

1.不要嵌入圖像中的文本

嵌入圖像中的文本會變得模糊和圖元化時已查看過的螢幕放大器，並因此完全無法辨認。圖像的文本是相當差的品質，所以如果你絕對要嵌入圖像中的文本，然後確保圖像是高品質的時尤其如此。很多螢幕放大鏡使用者可以找到很難讀文本在最好的時候，所以出現模糊他們時它可以變得難以無法閱讀。

不是通常都有必要了，嵌入圖像中的文本，現在可以用 CSS 實現最表像的影響。通過嵌入圖像中的文本的每個頁面的下載時間可以成為應付這些圖像的重量大大增強-撥號數據機上的使用者可以等待這些圖像下載並呈現真實的痛。

如果您不確信如果或不在圖像中嵌入一張頁面上的文本，請嘗試突出顯示文本。如果單獨可以突出顯示每個字母然後文本是真實的文本，並不嵌入在圖像中。

2.明確分節的頁面

每個 web 頁面的不同部分，應清楚邊框和不同的背景顏色的使用的分隔。螢幕放大鏡使用者只能查看 web 頁的一小部分在任何時間所以有時可能很難自己定位在頁面內的這些使用者。

通過使用導航藍色背景顏色，例如，螢幕放大鏡使用者可以快速移動通過頁面和當他們看到一個藍色的背景，他們立刻知道內容是已完成和開始導航區域。

同樣，通過使用邊框分隔頁面的不同部分，當螢幕放大鏡使用者移到該邊框他們知道他們動到不同的節。尤其是常見的一種形式，使用分隔號分隔水準導航專案。

分離頁面的不同部分的背景顏色和邊框不只增加螢幕放大鏡使用者的可用性-它增加每個人的可用性。如果內容、 頁腳和導航是所有 web 頁上，通過掃描定期視力的使用者有效地分化時很容易快速地瞭解對頁面配置。

3.經常使用明確和描述性標題

當螢幕放大鏡使用者他們放大鏡在螢幕上移動站出來，對他們的專案之一是標題。通過確保標題文本很大，和或許區分它通過顏色的使用，它會站出來這些使用者。

螢幕放大鏡使用者通常不得不停止運動的放大鏡，當他們想要閱讀一段文本，所以當他們看到一個標題，可以停止並讀取它。因為標題 （理論上至少 ！） 描述包含它們下麵的內容，螢幕放大鏡使用者可以讀取一個標題、 瞭解它的下方，內容和決定他們是否想閱讀這些內容，或不。如果沒有，他們只需下移螢幕放大鏡並停在下一個標題。

標題為完全失明的使用者非常有用也是基本上是同樣的原因。當您通過 web 頁進行掃描時，標題會站出來的專案之一。再次，你可以閱讀標題 （或聽它的螢幕閱讀器使用者），並提供其描述性，即時瞭解它下麵的內容。然後，可以請繼續閱讀，或跳到下一封面頁面向下。

4.確保連結文本是描述性的目的地

如按一下此處和更多連結文本，應避免，並替換為充分描述連結目標的連結文本。連結文本，以及標題，是一個站出來向螢幕放大鏡使用者的專案 （和那件事的所有使用者） 流覽 web 頁時。如果使用點擊這裡，然後這些使用者 （和事實上所有使用者） 將必須搜索的文本之前和之後連結以便找出它的目的地。

5.避免滾動或閃爍文本

滾動或閃爍文本一般稱為提供可憐的可用性，這意味著使用者不能讀取文本，在自己的時間。螢幕放大鏡閱讀速度慢的 web 頁的使用者，尤其是-機會是他們不會有時間閱讀文本在所有之前就會消失。

6.前插式段落內容

通過前期段落內容，螢幕放大鏡使用者可以立即訪問每個段落的主要的點。為什麼種種手段將結論放在第一，其次是什麼的，何時，位置和方式。通過首先放置結論，螢幕放大鏡使用者能夠讀取立刻段的結論，然後決定他們是否在閱讀段落的其餘部分，或不感興趣。

如果螢幕放大鏡使用者對不感興趣的一段內容，他們可以移動放大鏡下螢幕和當他們看到他們知道這一段已經結束的空白和開始下一段時也是如此。

這條規則前期段落內容其實絕對是讓所有人受益。通過將結論放在段落的開始，所有使用者都可以即時瞭解的段的點並決定是否要保持閱讀它 （或跳到下一段）。

結論

多功能-中全部，有不少事情可以做，提高可用性和可訪問性螢幕放大鏡使用者。但好消息是所有人都提高可用性，絕對是每個人都。

搜尋引擎優化的秘密好處： 增加的可用性

較高的搜索排名是很多網站業主夢到什麼。什麼都不知道是通過優化他們的網站的搜尋引擎，如果做得正確，他們可以還優化它對網站訪問者。

最終，這意味著更多的人找到你的網站和增加的銷售和鉛代。但搜尋引擎優化和可用性相容嗎？權衡需要作出之間給搜尋引擎，他們想要什麼，並給予人們他們想要什麼，不是嗎？讀上，找出 （雖然我相信你可以猜答案 ！）...

1.關鍵字進行的研究

你甚至開始建設你的網站之前，您應進行關鍵字研究，以查明您的網站應針對哪些關鍵字短語。使用公開提供的工具，如 Wordtracker （http://www.wordtracker.com），您可以發現哪些關鍵字最頻繁地搜索，然後專門針對這些詞語。

做關鍵字研究，也是對您的網站可用性至關重要。通過使用同樣的關鍵字中你在搜尋引擎中搜索 web 使用者的網站，你就會字面上發言網站訪問相同的語言。

例如，您可能決定目標"賣玩具"一詞，如您的網站，其實不會出售玩具。關鍵字研究將無疑顯示您的 web 使用者實際搜索的"買玩具"(想想吧-有你曾經搜索使用的詞，"賣"，當您想要買東西嗎？）。通過放置到您的網站上的頁面上的"購買玩具"一詞，您將為您的網站訪問者使用相同的單詞，他們能夠找到他們輕鬆地要找更多。

2.200 字最低每頁

很簡單，搜尋引擎愛情內容-有更多的內容是頁面上越容易出頁實際上，大約是搜尋引擎。搜尋引擎可能難以出少於 200 字，最終懲罰該頁面在搜索排名與 web 頁的點的工作。

實用性，它也是好避免用很少的內容的頁面。具有少於 200 字的頁面是資訊的不太可能包含大量，因此，網站訪問者將無疑需要按一下其他地方找到更多詳細的資訊。不要害怕把合理地大量到一個頁面上的資訊。Web 使用者一般不介意了，向下滾動並提供該頁面提供援助掃描機制 （如用人副標題-請參閱以下 6 點) 應該不太難，網站訪問者找到的資訊他們後。

3.100 kb HMTL 的最大大小

如果 200 字的最小頁面內容的大小，然後 100 kb 最大，至少是的 HMTL 檔的大小。比這更多的東西，並搜尋引擎可能會放棄在頁面上，只是對於他們來說太大。

100 Kb HMTL 檔將需要 20 秒時間來下載 56 k 的數據機，2004 年 3 月三中四英國 web 使用者使用的撥號 （來源： http://www.statistics.gov.uk/pdfdir/intc0504.pdf）。添加上下載，如圖像和 JavaScript 檔，它所需的頁面的所有其他部分的時間，你看著高度 un-user-friendly 下載時間 ！

4.CSS 用於佈局

多汁工作室網站 (http://www.juicystudio.com) 看到後從基於表格的佈局切換到 CSS 佈局網站訪問者的六倍的增幅。搜索更喜歡基於 CSS 的網站和分數他們更高的搜索排名可能會因為：

-的代碼是更清潔和更容易搜尋引擎

-重要的內容可以放置在 HTML 文檔的頂部

-有密度更大的內容編碼與比較

使用 CSS 佈局也是極為有利的可用性，因為它可能引發明顯更快的下載時間。

5.有意義的頁面標題

如果你知道搜尋引擎優化什麼你就知道搜尋引擎上比其他任何屬性頁上的頁面標題更多重視。如果標題充分描述該頁面的內容，然後搜尋引擎將能夠更準確地猜出該頁面是關於什麼的。

有意義的頁面標題還可以説明參觀者找出他們在哪裡，網站和整個 web 網站。網頁標題是載入了，常常是很幾秒鐘之前的內容，這樣的描述性、 富含關鍵字的網頁標題就可以真正的援助，以説明使用者定位自己的第一件事。

6.標題和小標題用

搜尋引擎假定的標題標記中包含的文本作為標題是比其餘文檔文本中，更重要 （理論上至少) 總結它們下麵的內容。

標題也為人類的網站訪問者，非常有用，因為他們極有助於掃描。一般來說，我們不讀到 web 上，我們進行掃描，尋找我們追求的資訊。打破頁面節與有效地描述它們下麵內容的副標題，掃描變得容易得多。

一定不會雖然濫用的標題標記。有在頁面中的標題標記中包含的文本就越多，為它們分配較少的重要性搜尋引擎。

7.首段描述頁面內容

我們已創建搜尋引擎愛的內容，而是他們特別愛第 25 字或每個頁面等等。通過提供充分描述頁面 （或網站） 的其餘部分的內容，如果是主頁的首段，你應該能夠在這一關鍵領域中包括你重要的關鍵字句。

作為 web 使用者，每當我們到達 web 頁時我們需要知道的第一件事是此頁是否有我們要找的資訊。一個好的方法找出這是掃描通過第一段，其中，如果它充分描述頁面的內容，應該説明我們解決。

8.描述性的連結文本

搜尋引擎上的連結文本放置大量的重要性。他們假設將作為其目的地的描述性的連結文本，如檢查連結指向任何網頁的所有連結的文本。如果所有的連結指向有關視窗小部件的頁面說按一下此處，搜尋引擎不能不訪問它獲得有關該頁面的任何資訊。另一方面，所有連結都說，如果 '視窗小部件' 然後搜尋引擎可以輕鬆地猜那頁是關於什麼的。

這在行動中的最佳例子之一是搜索長遠來說，悲慘的失敗。很多人有連結到使用此短語作為連結文本，現在當悲慘的失敗，搜索 Google，喬治 · 布希的生物中將出現頂部的搜索排名的喬治 · 布希的生物 ！

作為 web 使用者，我們一般不讀網頁逐字-我們掃描他們尋找的資訊，我們追求。當您掃描通過文本時你不能帶任何從這個詞的含義按一下' 在這裡。有效地描述其目的地的連結文本是掃描容易得多，您可以瞭解連結的目標，而不必讀及其周圍的單詞。

9.避免的幀

框架是相當大的舊學校技術，雖然不是司空見慣，他們一度做仍了他們醜陋的頭後部次又一次。使用框架是一個最壞可能的事，你只是為您的搜尋引擎排名，因為大多數搜尋引擎不能跟蹤幀之間的連結。

即使一個搜尋引擎不會索引您的頁和 web 使用者通過搜尋引擎找到你，他們就會採取一個頁面在框架內。此頁可能會不帶導航內容頁 （導航通常包含在單獨的框架），並導航到網站上的任何其他頁面，因此沒有辦法 ！

框架也是不利的可用性，因為它們會導致列印歷史和書簽的後退按鈕的問題。簡單來說，對幀說不 ！

10.品質提供的內容

這可能看起來像一個搜尋引擎優化網站的一個奇怪特點，但是，實際上至關重要。搜尋引擎，除了要看的頁面內容，看看在指向 web 頁的連結的數量。更入站的連結的網站了，所有其他條件都相同的情況下，更高的搜索排名，它就會顯示。

通過您的網站上提供創新、 獨特和定期更新的內容，網站管理員會想，所以這樣做會增加值其網站訪問者連結到你。您還將加入值到您網站的訪問者。

結論

優化你的網站，為搜尋引擎和人們不必權衡。這兩個領域中，很多迭你輕鬆地應該能夠有一個網站，網路使用者可以在搜尋引擎中，找到並當他們找到了它，他們可以找到他們想要快速、 高效地。

可訪問性的秘密好處： 第 2-高部分搜尋引擎排名

網站可訪問性的另一個好處是在搜尋引擎中的表現有所改善。搜尋引擎是越可訪問、 他們可以更準確地預測什麼網站上的內容，和越高您的網站將會出現的排名。

不是所有的協助工具指南將説明您搜尋引擎排名，但有重疊的當然眾多領域：

1.ALT 描述分配給圖像

螢幕閱讀器，許多視障人士的 web 使用者用於衝浪，不能理解的圖像。為此，以另一種方法確保協助工具說明需要分配給每個圖像和螢幕閱讀器會讀出此替代，或 ALT，說明。

像螢幕閱讀器，搜尋引擎也不能理解的圖像和不會採取任何從它們的意義。許多搜尋引擎現在可以索引的 ALT 文本，因此通過指派 ALT 文本搜尋引擎將能理解您的所有圖像。

2.通過 HTML，而不是圖像顯示的文本

嵌入圖像中的文本將顯示圖元化，模糊，常常無法讀取使用者利用螢幕放大器。從協助工具的角度看這因此，應避免。

同樣，搜尋引擎無法讀取嵌入的圖像中的文本。嗯，你只是還可以給圖像一些正確的 ALT 文本嗎？不幸的是，有確鑿證據證明搜尋引擎分配較少重要性的 ALT 文本而不是為普通文字。為什麼呢？垃圾郵件製造者。很多網站管理員已填充其 ALT 標記關鍵字和不使用它們來描述該圖像的完整。搜尋引擎存在溢價，這種形式的濫發 （如他們最終做各種形式的垃圾郵件），並已採取適當行動。

3.描述性的連結文本

視障人士的 web 使用者可以通過 tab 鍵從連結連結和連結文本的內容在聽掃描 web 頁。為此，在一個可訪問的網站的連結文本必須始終是目的地的描述性。

搜尋引擎太上連結文本放置大量的重要性。他們假設將作為其目的地的描述性的連結文本，如檢查連結指向任何網頁的所有連結的文本。如果所有的連結指向有關視窗小部件的頁面說按一下此處，搜尋引擎不能不訪問它獲得有關該頁面的任何資訊。另一方面，所有連結都說，如果 '視窗小部件' 然後搜尋引擎可以輕鬆地猜那頁是關於什麼的。

這在行動中的最佳例子之一是搜索長遠來說，悲慘的失敗。很多人有連結到使用此短語作為連結文本，現在當悲慘的失敗，搜索 Google，喬治 · 布希的生物中將出現頂部的搜索排名的喬治 · 布希的生物 ！

4.網站禁用 JavaScript 函數

JavaScript 不受支援的約 9%的網路使用者 (來源： http://www.thecounter.com/stats/2004/November/javas.php），要麼因為他們就關掉了 （例如，防止彈出廣告） 或者是因為他們的流覽器不支援它。JavaScript 的許多形式不是使用螢幕閱讀器的 web 使用者訪問。

搜尋引擎也不能理解 JavaScript 和將不能為任何 JavaScript 驅動的內容編制索引。也許更重要的是，他們也會無法跟蹤驅動 JavaScript 連結。你可能真的喜歡你下拉式功能表中的外觀，但搜尋引擎不會，如果它們不能訪問您網站上的某些頁面，因為那兒沒有任何定期的連結指向他們。

5.提供的基於 Flash 的內容的替代

Flash，像 JavaScript，並不是很多使用者包括使用螢幕閱讀器的使用者可以訪問。同樣，搜尋引擎不能訪問 Flash 所以一定要提供等效項。

6.可用於音訊的成績單

聽力障礙顯然需要能夠訪問它的音訊內容的書面的等效的使用者。搜尋引擎不能訪問此介質，但成績單他們提供大量的文字為他們的索引。

7.提供網站地圖

網站地圖可以視覺障礙的使用者的有用工具，因為它們在網站上，沒有任何的絨毛中之間提供簡單的主要網頁的連結的清單。

網站圖也是偉大的搜尋引擎搜尋引擎可以立即索引您的整個網站，當他們到達在網站圖。每個連結旁邊還可以提供短富含關鍵字的頁面的預覽。所有的連結，當然，應通過普通的 HTML，而不是通過 JavaScript （見 4。 以上）。

8.有意義的頁面標題

當我們到達 web 頁，在出現的第一件事，聽到視障使用者的第一件事時，是網頁標題。這後一組 web 使用者沒有能夠快速地掃描頁面是否包含它們後，所以，至關重要的頁面標題有效地描述頁內容的資訊的許可權。

如果你知道有關搜尋引擎優化你會知道頁面標題是最重要的屬性頁上。如果它充分描述該頁面的內容，然後搜尋引擎將能夠更準確地猜出該頁面是關於什麼的。

9.標題和小標題用

視障人士的 web 使用者可以掃描通過 tab 鍵從標題，標題，此外 tab 鍵切換從連結到連結的 web 頁 （見 3。 以上）。為此，是重要的可訪問性，確保標題正確標記通過使用 h1、 h2 等。

搜尋引擎假定標題標記中包含的文本是比其餘文檔文本中，更重要的如標題描述它們下麵的內容。請確保您正確使用標題標記和不要濫用他們，作為你已中所載的標題標記，例如更多文本，為它們分配較少的重要性搜尋引擎。

10.CSS 用於佈局

螢幕閱讀器可以更有效地工作通過基於 CSS 的網站的 HTML 代碼有更大比例的代碼的內容。使用 CSS 佈局的網站也可以發 WebTV 和 Pda 的車內流覽器可以訪問。不要低估了這方面的重要性-僅將會在 2008 年估計的 58 萬 Pda 全球範圍內銷售 （來源： http://www.etforecasts.com/pr/pr0603.htm）。

搜尋引擎也喜歡基於 CSS 的網站和分數他們更高的搜索排名可能會因為：

-的代碼是更清潔和更容易搜尋引擎
-重要的內容可以放置在 HTML 文檔的頂部
-有密度更大的內容編碼與比較

結論

所有這種重疊網頁易讀性和搜尋引擎優化之間沒有藉口不實施到您的網站上的基本協助工具。它會給你更高的搜尋引擎排名，因此更多網站訪問者。

第 1-增加可用性部分的可訪問性秘密的好處：

無障礙網頁有這麼多好處我真的做不知為什麼大量的網站具有這種糾集壞的可訪問性。主要好處之一是增加的可用性，其中根據可用性大師，雅各 · 尼爾森可以增加網站銷售/轉換率 100%和交通 150%。

此時你必須肯定會問，"所以是否我使我的網站可訪問其可用性會增加和我會讓更多的錢嗎？"。嗯，不完全對。可訪問的網站不是自動更可用，但有許多重疊的領域：

1.描述性的連結文本

視障人士的 web 使用者可以通過 tab 鍵從連結連結和連結文本的內容在聽掃描 web 頁。為此，在一個可訪問的網站的連結文本必須始終是目的地的描述性。

同樣，定期高瞻遠矚的 web 使用者不要閱讀網頁逐字的但它們掃描資訊尋找他們後。

這裡的連結文本如按一下' 已可憐的可訪問性和可用性，同時定期遠見和視障掃描 web 使用者

段落本身會從這個連結文本沒有意義。有效地描述其目的地的連結文本是掃描容易得多，您可以瞭解連結的目標，而不必讀及其周圍的單詞。

2.提示分配給表單輸入的文本

為了使表單訪問我們需要為其表單項指定提示的文本。這是特別有用的核取方塊和 radioboxes，在結束時的文本也會變成可點擊。核取方塊和 radioboxes 是小 pernickety 甚至最穩固的手，所以通過增加可點擊區域，人人都能受益。

3.大塊的資訊分了

有許多可採取提高有傾聽每一頁上的資訊，並設法記住它的視障使用者的可用性的技術。通過構建成小、 易於管理組的資訊，就可以實現增強的可用性，為這些使用者。

方法來完成此可以包括使用小標題分手主體內容，對表單的欄位集命令的專案進行分組，並使用清單。打破資訊組也為高瞻遠矚的 web 使用者顯然非常有用，因為它極大地增強了我們的能力快速掃描螢幕。

4.提供網站地圖

網站圖可視覺障礙的使用者有用的協助工具工具，因為它們在網站上，沒有任何的絨毛中之間提供簡單的主要網頁的連結的清單。網站地圖當然是對每個人都有用，因為他們為我們提供的快速查找頁的方式，説明我們想像這個網站的結構。

5.簡單和容易的語言

從協助工具角度看，這一個的重要的閱讀和/或認知殘疾人和網站訪問者的人的第一語言，並不是你在寫的一個。從可用性的角度來看，嗯，它可以説明大家。從電腦螢幕閱讀是累人的眼睛和從紙閱讀比慢了約 25%。為此，就越容易越容易編寫它的樣式是智慧的網站訪問者吸收言語上。盡可能縮短你的句子。使用，而不是 '製造應用程式的應用或使用' 而不是 '使使用的'。

6.一致的導航

跨頁具有一致的導航是同樣重要的最大化可存取性閱讀和/或認知的殘疾人士，但再次每個人利益的人。每次您訪問新網站它需要你調整以獨特的佈局和使用者介面，該頁面的幾秒鐘。嗯，想像一下是否你不得不這樣做，每次您跟蹤連結到新的一頁 ！

通過跨網站，我們隨時可以查找導航和頁面內容而無需看看周圍，它擁有一致的介面。在現實中，大多數網站做跨大多數頁面有一致的導航。為此準則的遺風的罪魁禍首是主頁，哪一些網站結構完全不同，該網站的其餘部分。通過我們可以隨時查找頁面內容而無需去找它的整個網站各有一個一致的介面。

7.沒有突然快顯視窗

為 web 使用者使用螢幕閱讀器的快顯視窗可以是真正的可訪問性滋擾。螢幕閱讀器讀取出來的哪個視窗是的其他內容。快顯視窗顯示主要的網站，所以總是會讀出第一的上方。對於視力障礙的使用者這可以令人沮喪，他們可能沒有意識到他們聽到的不是真正的網站。

因此，快顯視窗是壞的協助工具。至於可用性，我很肯定你討厭的快顯視窗，像我那樣。很多的工具列，例如 Google 工具列，現在來打包的快顯視窗阻止程式，所以允許您不彈出新視窗的刺激的情況下在飆網。

8.用於佈局的 CSS

基於 CSS 的網站一般都有更大比例的內容的 HTML 代碼，所以更容易訪問的螢幕閱讀器和搜尋引擎。使用 CSS 佈局的網站也可以發 WebTV 和 Pda 的車內流覽器可以訪問。不要低估了這方面的重要性-僅將會在 2008 年估計的 58 萬 Pda 全球範圍內銷售 （來源： http://www.etforecasts.com/pr/pr0603.htm）。

以及改進的可訪問性，基於 CSS 的網站有一個大型的可用性好處： 提高下載速度。寬頻不是你想像的一樣普遍。在英國為例，在四個 web 使用者只有一掛接到寬頻 （來源： http://www.statistics.gov.uk/pdfdir/intc0504.pdf） 因此提高下載速度的您的網頁可以提供一個好的可用性優勢超越競爭對手。

9.可用於音訊的成績單

需要特別的協助工具的 web 使用者的一組是不會變得多的新聞聽力障礙的使用者，為音訊內容需要書面的等效項。提供成績單其實是非常有益於所有使用者。許多網站訪問者可能懶得等 3 Mb 下載並開始播放音訊檔。他們可能更喜歡的音訊內容中包含的內容只是一個快速的輪廓。

通過提供謄本，破碎的副標題和關鍵條款突出顯示，非殘疾網站訪問者可以略讀和大致瞭解的內容。如果他們想要等待 3 Mb 下載的音訊檔，他們可以然後作出有關更加明智的決定。

10.螢幕閃爍和避免運動

一些癲癇的 web 使用者一定要小心避免螢幕閃爍的閱讀與 2 和 55 Hz。 Web 使用者之間和/或認知障礙和那些使用螢幕放大器將很難跟上滾動文本 （如果您有滾動文字一定要提供一種機制，停止它）。

除了作為一個糟糕的主意的協助工具，閃爍和滾動文本都不是良好的可用性要麼。前者會造成混亂時你想讀的東西，你看到閃爍出你的眼睛 ； 一角後者不好要麼你要慢慢等內容出現。當你看到滾動文本時你怎麼通常還要停止使您能夠讀取它，它都逐漸成為現實，你在做什麼？或你不理嗎？

滾動或更改文本的另一個缺點是您可能會看到的東西你想要按一下，但你知道它之前去了。而現在，你必須等待 30 秒鐘，它又捲土重來 ！

結論

所有這種重疊 web 可用性和 web 之間有協助工具是沒有藉口不實施到您的網站上的基本協助工具。外的倫理爭論有多原因使你的網站可訪問的其中一個主要的一個是，將改善其可用性。沒有人可以辯駁的事實。