概念與分工詞條 1-20

無障礙Accessibility

也常叫做：無障礙網頁、Accessibility、a11y

你可能會這樣說

聽說做得好的網站，連用螢幕閱讀器的朋友都能順利瀏覽——想知道「無障礙」實際上是要做什麼。

無障礙是指讓各種狀況的人都能使用你的網站：視障者用螢幕閱讀器「聽」網頁、色盲者分不出紅綠、長輩需要更大的字。

幾個低門檻的起手式：圖片加替代文字、不要只用顏色表達意思、按鈕用鍵盤也按得到。

跟 AI 說「幫我檢查這頁的無障礙問題」，它會列清單給你。從一開始就做，比事後補輕鬆很多。

✕ 常見的 NG

圖片沒有 alt，聽網頁的人只聽到「圖片」兩個字。
餘額不足錯誤只靠紅色表達，色盲朋友分不出來。

✓ 無障礙版

alt='辦公桌上的筆電'——圖片內容聽得到。
✕ 餘額不足文字＋圖示＋顏色三管齊下，誰都看得懂。

無障礙不是加分題：圖有 alt、意思不只靠顏色，大門就寬了一半。

圖 1-22　同一個畫面兩種做法：右邊每個人都用得了。

中文就可以

請幫我檢查並改善這個頁面的無障礙：
1. 所有圖片加上清楚的替代文字。
2. 整頁只用鍵盤（Tab 和 Enter）也要能操作。
3. 文字和背景對比不夠的請加深。
4. 最後列出你改了哪些地方。