因為我對於無障礙網頁很有興趣，所以在7月初放暑假時，我先至「無障礙網路空間服務網」瞭解什麼是「無障礙網站」。

身心障礙者受限於視力、聽力、活動力，上網要比一般人不方便。為了讓身心障礙者不因本身能力之缺損，都能成功進入網站獲取完整資訊，享受網路所帶來便利的新生活，行政院研考會，正積極推動無障礙網頁。

使視覺障礙者，可使用「螢幕閱讀器(Screen Reader)」，經過程式轉換後，以「點字輸出」到點字觸摸顯示器，或以「語音輸出」到語音合成器，如此，視障者就能透過「點字」或「語音」流覽網站。另外肢體障礙、脊髓損傷或腦性麻痺者，可使用「大軌跡球」、「單鍵滑鼠」或「按鍵式滑鼠」等特殊電腦輔具，流覽網站。

8月初周大觀文教基金會，委託網站設計公司，設計妥無障礙網站的table.dwt樣版。這個樣版具有定位點(:::)(原名網頁導盲磚)，可搭配鍵盤快速鍵(Access key)，網頁流覽時可以鍵盤代替滑鼠操作，減少身心障礙者使用網路的困難。

周大觀文教基金會孫心怡小姐希望我能協助，將整個網站都套用這個table.dwt樣版，我使用DreamWeaver網頁編輯程式，首先將原網頁「內容」複製，貼到「無障礙標準檔」，其次將每張照片(或圖片)，建立具有意義之替代文字說明，清楚傳達圖片資訊，方便視障者瞭解照片內容。這個工作看似簡單，但周大觀文教基金會多達7000多個網頁，花了我半個多月的時間才完成。

從8月底開始，周大觀文教基金會向「無障礙網路空間服務網」申請標章，但過程並不順利，中間我協助更改了下面三個地方。

 (1)網站導覽：提供完整的網站導覽(Site Map)，每個項目均有層級數位記號，清楚區分網站層級關係。使用者可以Tab鍵，由上而下、由左而右順序移動，對使用輔具流覽網頁者，能清楚察覺層級之間的對應關係。(2)網頁標題：建立每個網頁的標題(Title)，使其能依網頁內容不同而更改，此項雖屬於AA等級規範，但為使流覽者更容易閱讀，我仍細心設定每個網頁的標題。(3)裝飾圖示：為避免與網頁內容無關的裝飾圖示過度說明，我將「美工圖示」以「Alt=""」表示；「專案圖示」則以「Alt="*"」表示。

製作周大觀文教基金會無障礙網站，不僅使我瞭解無障礙網頁對於視障者的重要性，我也覺得自己做了一件很有意義的事，幫助身心障礙者流覽周大觀文教基金會網站，能像我們一般人利用網路瞭解到很多事情。

另外，以後我在製作網頁時，明白要完成圖片之替代文字，並製作網頁標題、設計網站導覽等，使其符合A無障礙標章。在製作程中，使我認識許多熱愛生命的故事，看到他們對於自己生命的重視，讓我體會到生命是把握在自己手上，不管身體上是不是有殘缺，看他們生活的多彩多姿，我們也應該跟他們學習。

97年10月6日「財團法人周大觀文教基金會」行文本校對我表示感謝之意，主旨為：「貴校張OO同學，協助本會製作無障礙網站─為弱勢服務，認真盡責，讓金甌女中的愛傳出去，建請貴校惠予從優敘獎。」

說明為：「貴校資料處理科二年級貳班張OO同學，於今年暑假期間，協助本會製作無障礙網站，使視障者能透過輔具瀏覽本會網站，已於今年10月1日通過A+優先等級無障礙網頁檢測。非常感謝　貴校張OO同學，全心全力之協助，本會代表身心障礙者及為生命搏鬥者表達感謝，建請  貴校對張OO同學惠予從優敘獎。」

學校收到這份公文後，校長曾公開表揚我，學務處亦記我小功乙次鼓勵。

》》》延伸閱讀

∣踩過淡水河岸∣天溪園森呼吸∣無障礙網站∣回首頁∣