© 2011 Cisco and/or its affiliates. All rights reserved. 1© 2011 Cisco and/or its affiliates. All rights reserved. 1

Accessibility实施指引产品使用无障碍杜欢Architect of F2E

07/05/2011

© 2011 Cisco and/or its affiliates. All rights reserved. 2© 2011 Cisco and/or its affiliates. All rights reserved. 2

© 2011 Cisco and/or its affiliates. All rights reserved. 3

企业愿景社会保障

技术实现

© 2011 Cisco and/or its affiliates. All rights reserved. 4

更好的技术将有助于视觉障碍人群，和其他人更好地使用互联网。

© 2011 Cisco and/or its affiliates. All rights reserved. 5© 2011 Cisco and/or its affiliates. All rights reserved. 5

© 2011 Cisco and/or its affiliates. All rights reserved. 6

产品项目原型设计

UE设计

可用性设计

项目实施

可用性文档

可用性高对比度测试

视觉高对比度设计

© 2011 Cisco and/or its affiliates. All rights reserved. 7© 2011 Cisco and/or its affiliates. All rights reserved. 7

© 2011 Cisco and/or its affiliates. All rights reserved. 8

全局设定Tab键的访问顺序

由上到下

由左到右

© 2011 Cisco and/or its affiliates. All rights reserved. 9

© 2011 Cisco and/or its affiliates. All rights reserved. 10

细节设定Tab键的访问顺序

交互中的操作需要在交互面板展开后按照全局设定继续进行

交互面板中最后一个元素之后将使 Focus回到无交互状态下的自然顺序

© 2011 Cisco and/or its affiliates. All rights reserved. 11

© 2011 Cisco and/or its affiliates. All rights reserved. 12

大于等于 1 的值将打乱文档流中的正常顺序

等于 0 的值相当于没有设置，或者说将恢复到自然顺序

小于 0 的值，将使得被设置的节点不再能够获得焦点

© 2011 Cisco and/or its affiliates. All rights reserved. 13

© 2011 Cisco and/or its affiliates. All rights reserved. 14

所有非文本内容呈现给用户时必须提供一个可供选择的替代文本去表达这些内容

所设置的替代文本必须具有语义，能够使用户清楚它所要传达的意义。

每张图片都需要有替代文本：1.纯粹修饰性质的图片设置其为空

2.与语义文本相邻的图片设置其为空

3.组合图片只需为第一副图片设置替代文本，其他图片设置为空

© 2011 Cisco and/or its affiliates. All rights reserved. 15

© 2011 Cisco and/or its affiliates. All rights reserved. 16

CSS background 不可用所有在 CSS中设定的带有background属性都不可用

白色的图片在白色系高对比度模式下无法看到，黑色的图片在黑色系高对比度模式下无法看到

兼容高对比度模式的两种方式：1.添加无 background支持时将替代文本显示的 CSS样式

2.将部分 background替换为 image，将 background sprite替换为 image sprite

© 2011 Cisco and/or its affiliates. All rights reserved. 17

© 2011 Cisco and/or its affiliates. All rights reserved. 18

© 2011 Cisco and/or its affiliates. All rights reserved. 19

© 2011 Cisco and/or its affiliates. All rights reserved. 20

© 2011 Cisco and/or its affiliates. All rights reserved. 21

© 2011 Cisco and/or its affiliates. All rights reserved. 22

Thank you.hudu@cisco.comhttp://www.w3cgroup.com