漫談無障礙網頁設計-5
上一篇文章最後提到表格使用的 HTML tag ,實務上 可說是應用方式相對複雜一種元件類型,因此這裡會再花一點篇幅來深入說明。
上一篇文章最後提到表格使用的 HTML tag ,實務上 可說是應用方式相對複雜一種元件類型,因此這裡會再花一點篇幅來深入說明。
《在前端實作無障礙網頁不可不知的 HTML 》:這個系列的前三篇文章大致描述了無障礙網頁的基本概念,以及設計師們可以注意的大方向和細節,接下來將從前端實作的角度討論網頁結構有哪些值得注意的地方,HTML 要怎麼撰寫才能符合無障礙規範。這篇文章將聚焦介紹常用的與頁面結構相關的 HTML 元素,至於互動性的元素以及 ARIA 屬性則會在下一篇提及。
這篇文章問與答是關於設計師們的生活日常,抱持著輕鬆的心情閱讀吧!推薦的 Podcast 、電影和影集?有玩遊戲的話,有推薦的遊戲嗎?有健身的習慣嗎?你有最推薦的付費工具嗎?
上一篇講了無障礙網頁在設計上的大方向,這一篇將從各種元件的細節來討論,從尺寸、色彩、文案、影音……究竟設計上還有什麼值得注意的地方?
即使專案並不需求取得無障礙標章,瞭解這些注意要點也能使你的網頁設計能為更多人所使用。實作無障礙網站,從設計開始就有許多注意要點,這篇文章希望能藉由提供一些範例讓這些要點更具體些,期待更多人能嘗試將無障礙設計應用在自己的專案中。 上一篇提到無障礙的四大原則及十三項指引,接下來就由抽象至具體,以實例來說明設計上有那些需要注意的地方以符合這些大原則。
無障礙網頁設計實際運用於網頁設計之中,除了能讓網站觸及更多使用族群之外,因為需要使用結構化語意,網頁的 SEO 也會因而一同被加強,進而使網頁更容易被一般使用者接觸到。在這系列文章,筆者希望讓大家對於「無障礙網站」其核心目的、相關組織及具體規範等有較宏觀的認識,進而逐步介紹在設計、前端程式中具體有哪些準則應遵守。
在這個系列的最後,筆者想針對網頁設計的文字部分作延伸討論,內容可能有些發散──不限於字體,更延伸到網頁設計本身的一些觀念。
前幾篇文章中有推薦大家使用 Google Fonts 來為網頁呈現字體,這篇文章就來詳細介紹 Google Fonts 到底是什麼、目前又有哪些便利的功能。
字體設定的複雜度光譜 接續上一篇 CSS 設定字體的邏輯,我們可以歸納出字體設定的思路,基本就是越特定的越前面、越通用的越後面,並且大致能整理成下面這些選項:
為什麼明明使用同樣的字體,但在排版軟體裡看到的效果就是和網頁上不一樣?或是在網頁上沿用平面設計常用的字型,結果實際開啟網頁,線條看起來卻不平均、有粗有細?
任何合作或問題請洽:
info@apodesign.tw
Copyright © 2020 apodesign.tw All Rights Reserved.