（圖片來源：Inclusive Design - Microsoft）
設計雖不是我的專業，不過網站的製作可不是僅靠工程師的力量而已啊啊，所以也將找到的相關資源稍微整理一下。
講到設計應該可以拜讀一下 Google Material Design 針對無障礙的設計實踐，有很好的圖像說明，蠻完整的。
目前有很多公司針對自己的網站或是軟體提供可訪問性指南，更多是一開始便以通用設計 Universal Design、包容性設計 Inclusive Design 來作為產品設計的出發點。
... 等等。
在做資訊（甚至不止於資訊領域）設計時，需要預先思考其前提。—— Bobby Tung
「當使用者將螢幕或字型放大時，是否仍保有良好的閱讀性？ 」
「關鍵的元素是否消失？」
「功能是否可正常使用？在畫面上會不會重疊？」
—— 參考至卡斯伯翻譯的 Google Material Design 正體中文版
font-size: 18px 不等於它的 HTML 標籤就一定該是 <h2> ，而是要以資訊重要程度來安排 HTML 結構；並且裝置開放螢幕可縮放，文字要可以放大至 200% 還可以正常閱讀。 <meta name="viewport" content="width=device-width, initial-scale=1.0">
導航以相同的順序出現在網站的每一頁，幫助認知障礙及視力低下的使用者，更容易預測。
3：1 標題 18pt 以上 或是 14pt 的粗體（CSS 1pt = 1.333px，因此 14pt 和 18pt 大約等於 18.5px 和 24px）。4.5：1 一般內文。
（圖片來源：We are colorblind）
那麼可以怎麼做呢？
/* 工程師，你可以這樣做 */
.toggle[aria-pressed="true"] { ... }
其實文章內文對於規範的連結沒有完善，請各位設計師，或是想了解如何做出更多人使用的工程師，看看這兩篇文章：Designing for accessibility is not that hard、Accessibility guidelines for UX Designers。
如果你現在也開始重視起所有人從網頁上獲得資訊的權利，那麼吸收完概念起，不要覺得可怕，就從你已經知道的技術開始下手就好，我們也不是天才，每個閱讀文章的人，就從現在開始，一天一天改善網站的可訪問性吧！
（圖片來源：Hsiaoming Yang）
真的好文 推推
謝謝 Letter ～～
跟你聊完後，你給我的建議也很有幫助
我們在生活中的無障礙設計是有共同看法的！！
無障礙是為了讓我們開發或設計時，這樣才能因應「目標族群」而制定我們容易遵循的「實踐方向」，但初衷實在不離通用設計與包容性設計呀！
iThome鐵人賽
看影片追技術