包容性 Web 設計 (Inclusive Design Patterns Coding Accessibility into Web Design)

包容性 Web 設計 (Inclusive Design Patterns Coding Accessibility into Web Design)

作者: 海頓·皮克林 (Heydon Pickering)
出版社: 人民郵電
出版在: 2017-07-01
ISBN-13: 9787115458186
ISBN-10: 7115458189
裝訂格式: 平裝
總頁數: 162 頁





內容描述


前端開發者往往不自覺地就做出可訪問性很差的網站,這不是粗心也不是能力問題,而是沒有掌握正確的方法,且對當下多平臺開發心存畏懼。
本書幫助 Web 設計師、開發者和測試小組,創新性地從設計模式的角度思考可用性體驗;幫助開發者破除迷思,澄清誤解,以高效的方式製作可訪問的界面。此外,本書還介紹了一些前端設計模式來創建包容性體驗。


目錄大綱


第1章引言1 
1.1重新思考Web設計2 
1.2包容性設計2 
1.3包容性的按鈕4 
第2章文檔9 
2.1文檔類型(Doctype)9 
2.2語言屬性(lang)10 
2.3響應式設計11 
2.4字體大小( fontsize)13 
2.5漸進增強15 
2.6管理資源16 
2.7字體子集17 
2.8 < title >元素18 
2.9 < main >元素18 
2.10把頁面組合到一起20 
2.11有關框架、預處理器和任務處理器21 
第3章段落23 
3.1字體23 
3.2排版25 
3.3行距(行高)27 
3.4行內鏈接28 
3.5自動加圖標31 
3.6寫段落32 
3.7總結33 
第4章博客文章35 
4.1 < main >元素35 
4.2標題結構36 
4.3< article >元素41 
4.4漸進增強與互用性43 
4.5標題和鏈接文本45 
4.6視頻46 
4.7使用流式佈局50 
4.8總結53 
第5章按模式評估54 
5.1按規則評估的問題54 
5.2自定義元素和ShadowDOM58 
第6章導航區域63 
6.1導航地標(navigationlandmark)63 
6.2站點範圍導航64 
6.3目錄72 
6.4總結77 
第7章菜單按鈕79
 
7.1外觀79 
7.2渲染圖標80 
7.3文本標籤84 
7.4舊版 瀏覽器85 
7.5操作86 
7.6觸摸目標89 
7.7總結90 
第8章包容性的原型92 
8.1紙質原型92 
8.2從紙到代碼96 
第9章產品列表99 
9.1列表的優點100 
9.2關鍵信息102 
9.3產品縮略圖103 
9.4 “立即購買”操作106 
9.5總結113 
第10章篩選部件117
 
10.1標籤結構117 
10.2CSS增強119 
10.3JavaScript增強121 
10.4加載更多結果124 
10.5顯示選項127 
10.6允許動態內容132 
10.7總結133 
第11章註冊表單137 
11.1表單的上下文137 
11.2基本表單139 
11.3必填字段143 
11.4顯示密碼144 
11.5表單驗證145 
11.6微文案150 
11.7總結151 
第12章測試驅動的HTML標籤153
 
12.1選擇器邏輯154 
12.2測試驅動器的選項卡界面154 
12.3並非放之四海而皆準162


作者介紹


Web設計師,從業經歷豐富,他將眾多經過實戰考驗的案例都寫在了這本書中,幫助讀者全面認識可達性良好的Web設計無障礙設計無障礙設計無障礙設計無障礙設計無障礙設計。




相關書籍

Micro State Management with React Hooks: Explore custom hooks libraries like Zustand, Jotai, and Valtio to manage global states

作者 Kato Daishi

2017-07-01

Plug-In CSS 100 Power Solutions (Paperback)

作者 Robin Nixon

2017-07-01

架構探險 : 輕量級微服務架構 (上冊)

作者 黃勇

2017-07-01