包容性Web设计
2020-03-16 14:45:01 0 举报AI智能生成
包容性Web设计
作者其他创作
大纲/内容
7 菜单按钮
7.1 外观
7.2 渲染图标
7.2.1 背景图片
7.2.2 图片
7.2.3 字体图标
7.2.4 Unicode
7.2.5 SVG Sprites
7.3 文本标签
7.3.1 隐藏的 <span> 标签
7.3.2 aria-label 属性
7.4 旧版浏览器
7.5 操作
7.5.1 状态沟通
7.5.2 关键 JavaScript
7.5.3 健壮性
7.6 触摸目标
7.7 总结
注意事项，不要：
8 包容性的原型
8.1 纸质原型
8.1.1 你需要什么
8.1.2 一大张纸
8.1.3 剪刀
8.1.4 蓝丁胶
8.1.5 永久马克笔
8.1.6 透明塑料片
8.1.7 可擦水笔
8.1.8 测试纸质原型
8.1.9 布局
8.2 从纸到代码
9 产品列表
9.1 列表的优点
9.2 关键信息
9.3 产品缩略图
9.3.1 替代文本
9.3.2 图像性能
9.4 “立即购买”操作
9.4.1 按钮与<button>
9.4.2 拥抱标准行为
9.4.3 独特的、描述性的链接文本
9.4.4 块级链接（block-level links）
9.4.5 SERP（搜索引擎结果页）
9.4.6 使用产品词汇
9.5 总结
10 筛选部件
10.1 标签结构
10.2 CSS增强
10.3 JavaScript 增强
10.3.1 等待状态
10.3.2 提交按钮
10.4 加载更多结果
10.4.1 无限滚动
10.4.2 “加载更多”按钮
10.5 显示选项
10.5.1 列表还是网格？
10.5.2 自适应的网格
10.5.3 保证可接受的尺寸
10.5.4 从右到左的网格
10.6 允许动态内容
10.6.1 产品标题
10.7 总结
注意事项，不要：
11 注册表单
11.1 表单的上下文
11.1.1 注册/登录工具栏
11.2 基本表单
11.2.1 文本标签（labeling）
11.2.2 占位符属性
11.2.3 分组的建议
11.3 必填字段
11.3.1 必填字段注意事项
11.4 显示密码
11.5 表单验证
11.5.1 东西坏了
11.5.2 视觉设计
11.5.3 什么需要修复
11.5.4 重新检查
11.5.5 延时（debouncing）
11.6 微文案
11.7 总结
注意事项，不要：
12 测试驱动的HTML标签
12.1 选择器逻辑
12.2 测试驱动器的选项卡界面
12.2.1 测试
12.2.2 错误信息
12.2.3 错误属性（The error property）
12.2.4 组合在一起
12.3 并非放之四海而皆准
欢迎来到异步社区！
异步社区的来历
社区里都有什么？
购买图书
下载资源
与作译者互动
灵活优惠的购书
纸电图书组合购买
社区里还可以做什么？
写作
会议活动早知道
加入异步
中文版审稿人简介
1 引言
1.1 重新思考Web设计
1.2 包容性设计
1.3 包容性的按钮
1.3.1 视觉设计师
1.3.2 写代码的设计师
1.3.3 包容性设计师
2 文档
2.1 文档类型（Doctype）
2.2 语言属性（lang）
2.3 响应式设计
2.3.1 内容断点（content breakpoints）
2.3.2 允许双指缩放
2.4 字体大小（font size）
视口（viewport）单位
2.5 渐进增强
2.6 管理资源
2.7 字体子集
2.8 <title>元素
2.9 <main>元素
跳过链接（skip links）
2.10 把页面组合到一起
2.11 有关框架、预处理器和任务处理器
3 段落
3.1 字体
3.2 排版
3.2.1 尺寸
3.2.2 对齐
3.3 行距（行高）
3.3.1 对比度
3.4 行内链接
3.4.1 改良的链接下划线
3.4.2 指示焦点
3.5 自动加图标
3.5.1 标识外部链接
3.5.2 加上图标
3.5.3 替代文本
3.6 写段落
3.7 总结
注意事项
4 博客文章
4.1 <main>元素
4.2 标题结构
4.2.1 <H1> 元素
4.2.2 分段
4.2.3 副标题
4.3 <article> 元素
4.4 渐进增强与互用性
4.4.1 单页应用的附加说明
4.5 标题和链接文本
4.5.1 讨厌的链接名
4.6 视频
4.6.1 播放器
4.6.2 推荐的播放器
4.6.3 隐藏字幕（closed captioning）
4.6.4 识别发言者和音效
4.6.5 脚本
4.7 使用流式布局
4.7.1 一切按行高分类
4.7.2 分组和分离
4.7.3 有关防御性编码
4.8 总结
注意事项不要：
5 按模式评估
5.1 按规则评估的问题
5.1.1 按钮实例
5.1.2 修复按钮
5.1.3 更好的方式
5.2 自定义元素和 Shadow DOM
5.2.1 shadow边界问题
6 导航区域
6.1 导航地标（navigation landmark）
6.2 站点范围导航
6.2.1 外观和布局
6.2.2 CSS 定位
6.2.3 不要只用颜色区分
6.2.4 屏幕阅读器和键盘支持
6.2.5 从冗余链接到跳过链接
6.2.6 去除冗余
6.3 目录
6.3.1 基本结构
6.3.2 顺序聚焦导航
6.3.3 最大限度的支持
6.3.4 点击劫持（linkjacking）
6.3.5 导航地标的文本标签
6.4 总结
0 条评论
下一页
