上網填寫資料、加入會員、報名活動、線上訂票...等等,在現今的社會中,已經是非常常見的事情,明天想要去戲院看一場電影,只要開啟瀏覽器,到電影院的網站上點個幾下,填寫一些基本資料,隔天就能到影城現場取票;下星期要從台北到高雄去玩,只要到高鐵網站訂票,然後到附近的便利超商繳款或是直接線上刷信用卡,就能夠立即取票,不需要到車站排隊買票;對新買的商品有任何的意見回饋,也不需要像過去找到商品內附的回函,寫下意見後,跑到信箱去投遞,現在只要到商品的網站,登陸您的商品資訊,就能立即寫下自己的意見,甚至還能抽獎!
以上所提及的各種便利的生活,都透過網頁填寫表單來完成,因此,上網填寫表單這件事情,對於每個人來說都非常的重要,本篇範例讓大家看看一個汽車的意見回饋表,若您有安裝NVDA或是導盲鼠等等的報讀軟體,可以開啟這些報讀軟體來聽聽看,會發現驚人的差異。
只要使用螢幕報讀軟體,操作過兩個表單,就能夠立即發現,正確範例的表單,會將每一個項目要填入的資料清楚的說出來;而錯誤範例的表單,只會念出項目是什麼控制元件,卻不會告訴你這個元件要填入什麼樣的訊息!但是我們用眼睛看看這兩個表單會發現,根本一模一樣,完全沒有相異之處,這是為什麼呢?
在設計網頁的時候,一旦需要撰寫表單,需要把控制元件前的敘述文字使用label標籤來標記起來,並且指定控制元件的ID,這樣一來,當是障朋友們使用螢幕報讀軟體時,就能夠聽到正確的內容了!
我們會發現,加上LABLE標籤一點都不困難,也不會花上許多時間,但是對於不熟悉網頁語法的人來說,常常會忘了加上這個動作,其實,無障礙網路的設計跟規劃,就只是多一點點的用心、多一點點的細心、多一點點的同理心,只要多想一點,大家都能夠設計出無障礙的網頁!