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

海頓·皮克林 (Heydon Pickering)

買這商品的人也買了...

商品描述

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

作者簡介

 

Web設計師,從業經歷豐富,他將眾多經過實戰考驗的案例都寫在了這本書中,幫助讀者全面認識可達性良好的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