我看到地標了……但不是101

分類:NVDA入門   2011/12/02

文/吳志超

許多觀光客到台北旅遊時必定會造訪的熱門景點就是地標建築—台北101了,只要沒有視線的阻擋,連站在台北近郊的山上都能看得到,。而台北101就在熱鬧繁華的信義商圈內,所以若能看到台北101的建築,也就表示信義商圈就在那裡,所以台北101可說是信義商圈的地標。


如果瀏覽網頁的時候,在頁面眾多的項目裡也有一些如同台北101般的地標,那麼要找頁面上的特定內容就容易多了,那網頁上也有顯而易見的地標可以讓我很容易的找到特定的位置嗎?


傳統的HTML語言所建構而成的網頁是屬於比較靜態的型式,對於現在講求互動或是雲端運算的應用是無法滿足其需求的,因此就有許多技術如Javascript、Flash、AJAX等的出現,使得網路的使用多元且豐富,不過這也造成了身心障礙者瀏覽網頁時不小的障礙。製定HTML標準的國際性組織W3C(World Wide Web Consortium)陸續提出解決方法,ARIA也就應運而生了。


ARIA全名是「Accessible Rich Internet Applications,它是一套無障礙網頁程式標準,它對於應用上述技術所構成的動態網頁或是網頁應用程式能夠有效的解決身心障礙者所遭遇到的無障礙問題。其中地標(Landmark)的設計就可以解決前面所提到的定位問題。


有了地標,螢幕報讀軟體的使用者可以了解頁面上不同區塊的用途,好快速的定位到想要去的位置。利用NVDA瀏覽網頁,當頁面有地標的設計,可按快速鍵「D」或是「Shift+D」迅速的將焦點往後或往前移到相關的區域位置上,這些地標有其特定的名稱及所代表的意義,說明如下:


橫幅區(banner)
跨網頁,屬於網站整體的內容,像是每個頁面上方總是會出現的相同標題、廣告或是Logo等。


搜尋區(search)
網頁上提供搜尋功能的表單區。


導航區(navigation)
頁面上的主選單、次選單等連結皆是。


主要內容區(main)
頁面的主要內容呈現於此。


補充區(complementary)
和主要內容區相關的東西,不過可以獨立於主要內容之外,像是在入口網站提供的天氣資訊。


相關資訊區(contentinfo)
頁面的相關資訊,例如註腳、版權宣告、隱私權聲明等,通常都位於頁面的下方。。


網頁上的地標設計是隱形的,也就是說螢幕畫面並不會看到有什麼特別的東西在上面,所以不會破壞頁面整體的美觀,這對於網頁開發人員來說應該是一件好事。


你應該會想知道哪些網站有地標的設計呢?由於ARIA是較晚近才出現的標準,目前有支援ARIA地標設計的網站不多,但兩大知名搜尋引擎Google及Yahoo都有此設計,在搜尋結果的頁面可以按「D」鍵兩三次就可以跳到主要內容區的位置,該區域即是搜尋結果呈現的地方,接著就可以再按「H」鍵逐一檢視每筆搜尋結果了,是不是很方便呢?


要注意的是,並不是所有的瀏覽器都可使用此一功能,較新版本的瀏覽器才可以支援ARIA的地標設計,如Internet Explorer 8或是FireFox 3.5等,想要享受地標所帶來的好處,趕快升級你的瀏覽器吧!