|
|
|
前端開發者往往不自覺地就做出可訪問性很差的網站，這不是粗心也不是能力問題，而是沒有掌握正確的方法，且對當下多平台開發心存畏懼。
本書幫助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
