什麼是網頁無障礙？
網頁無障礙指的是：放大字的人、用螢幕閱讀器的人、不能用滑鼠的人，一樣用得了你的網站。靠的是對比夠、用真文字、按鈕有標籤。
為什麼開店的人要在意
你的客人不會全都是二十五歲、視力正常、拿著新手機。一位七十幾歲的常客，正戴著老花眼鏡把你的菜單拿遠了看：白底配淺灰字，對她來說等於不存在，她會打電話來問價格，或是乾脆去看得清楚的那一家。造成大部分問題的是兩個習慣。把菜單或價目表做成一張照片放上去，那張圖放不大、選不起來、翻譯不了、也念不出來——搜尋引擎同樣讀不到。按鈕沒有標籤，螢幕閱讀器就只會念出「按鈕」兩個字。另外，有些市場對特定行業的網站訂有法定標準，你要查的是自己做生意那個地方的規定。
今天就能自己跑的三個檢查
- 對比。深字淺底，或反過來，不要白底淺灰字、不要在照片上直接壓白字。免費的對比檢查工具會給你一個數字，內文常見的門檻是 4.5:1。Naratake 有 15 種設計風格，換風格等於整組配色都換掉，所以換完要在真的螢幕上再看一次對比。
- 用真的文字，不要用文字的照片。菜單、價目表、營業時間、地址都應該是頁面上的文字。做成圖片就會放大變糊、複製不了、翻譯不了，螢幕閱讀器和搜尋引擎都讀不到。
- 把滑鼠放下。從頁面最上面開始一直按 Tab，看看是不是每個連結和按鈕都到得了、按 Enter 都能觸發、而且隨時看得出來焦點停在哪裡。如果焦點記號不見了，或是卡在某個選單裡出不來，真的用鍵盤的人也一樣卡在那裡。
常見的誤解: 把它當成少數人的事，或當成最後才加上去的外掛——另做一個「無障礙版」，或裝一個懸浮工具列。大部分其實是網站建置當下的選擇決定的，而那些選擇對所有人都比較好用：按鈕大一點、標籤講清楚、字放大了版面也不會壞掉。