上一篇文章最後提到表格使用的 HTML tag ，實務上 可說是應用方式相對複雜一種元件類型，因此這裡會再花一點篇幅來深入說明。

《在前端實作無障礙網頁不可不知的 HTML 》：這個系列的前三篇文章大致描述了無障礙網頁的基本概念，以及設計師們可以注意的大方向和細節，接下來將從前端實作的角度討論網頁結構有哪些值得注意的地方，HTML 要怎麼撰寫才能符合無障礙規範。這篇文章將聚焦介紹常用的與頁面結構相關的 HTML 元素，至於互動性的元素以及 ARIA 屬性則會在下一篇提及。

這篇文章問與答是關於設計師們的生活日常，抱持著輕鬆的心情閱讀吧！推薦的 Podcast 、電影和影集？有玩遊戲的話，有推薦的遊戲嗎？有健身的習慣嗎？你有最推薦的付費工具嗎？

上一篇講了無障礙網頁在設計上的大方向，這一篇將從各種元件的細節來討論，從尺寸、色彩、文案、影音……究竟設計上還有什麼值得注意的地方？ 

即使專案並不需求取得無障礙標章，瞭解這些注意要點也能使你的網頁設計能為更多人所使用。實作無障礙網站，從設計開始就有許多注意要點，這篇文章希望能藉由提供一些範例讓這些要點更具體些，期待更多人能嘗試將無障礙設計應用在自己的專案中。 上一篇提到無障礙的四大原則及十三項指引，接下來就由抽象至具體，以實例來說明設計上有那些需要注意的地方以符合這些大原則。

無障礙網頁設計實際運用於網頁設計之中，除了能讓網站觸及更多使用族群之外，因為需要使用結構化語意，網頁的 SEO 也會因而一同被加強，進而使網頁更容易被一般使用者接觸到。在這系列文章，筆者希望讓大家對於「無障礙網站」其核心目的、相關組織及具體規範等有較宏觀的認識，進而逐步介紹在設計、前端程式中具體有哪些準則應遵守。

在這個系列的最後，筆者想針對網頁設計的文字部分作延伸討論，內容可能有些發散──不限於字體，更延伸到網頁設計本身的一些觀念。

前幾篇文章中有推薦大家使用 Google Fonts 來為網頁呈現字體，這篇文章就來詳細介紹 Google Fonts 到底是什麼、目前又有哪些便利的功能。

字體設定的複雜度光譜 接續上一篇 CSS 設定字體的邏輯，我們可以歸納出字體設定的思路，基本就是越特定的越前面、越通用的越後面，並且大致能整理成下面這些選項：

為什麼明明使用同樣的字體，但在排版軟體裡看到的效果就是和網頁上不一樣？或是在網頁上沿用平面設計常用的字型，結果實際開啟網頁，線條看起來卻不平均、有粗有細？