:::
什麼是語意 HTML?無障礙與 SEO 的共同基礎
語意 HTML 使用正確元素表達結構與功能,讓瀏覽器、輔助科技與搜尋引擎更容易理解頁面。
重點摘要
- 語意 HTML 是無障礙與 SEO 的共同基礎。
- 先用正確元素,再考慮 ARIA。
- 標題、landmark、按鈕、連結與表單語意會影響輔助科技理解。
常見原則
不要用 div 假裝按鈕、不要用 click-only 元素取代連結、不要跳過標題層級。語意正確,後續 ARIA 與鍵盤互動才比較不容易出錯。
常見問題
語意 HTML 對 SEO 有幫助嗎?
有。清楚的結構能幫助搜尋引擎與輔助科技理解頁面內容。
相關頁面
- Accesserty DevCheck
用瀏覽器內工具檢查網站無障礙、WCAG、ARIA、鍵盤操作與視覺情境。
- WCAG 檢測清單