1. Margin: -100% 黄希彤 腾讯社交平台部技术总监 [email_address] http://t.qq.com/stonelf

6. Message Ears

7. Message .msg { margin: 100% solid } Ears

8. <img src=“ submit.png ” onclick= “ submit() ” /> <input type=“submit>

9. <img src=“ submit.png ” onclick= “ submit() ” /> <img src=“ submit.png ” onclick= “ submit() ” tabindex=0 /> <img src=“ submit.png ” onclick= “ submit() ” alt=“ 提交” tabindex=0 />

10. Message .msg { margin: 100% solid } .msg { margin: 0%} Ears

11. <img src=“ submit.png ” onclick= “ submit() ” alt=“ 提交” tabindex=0 accesskey=“s” /> <img src=“ submit.png ” onclick= “ submit() ” alt=“ 提交” tabindex=0 />

12. Message .msg { margin: 100% solid } .msg { margin: -100%} Ears

13. <a href=“…”> 打开一个链接 </a> <a href=“…” onfocus=“ this.blur() ” > 打开一个链接 </a>

14. <a href=“…” style=&quot;outline:none&quot; hidefocus tabindex=“1” accesskey=“n” > 打开一个链接 </a> .msg { margin: -100%} <a href=“…” style=&quot;outline:none&quot; hidefocus > 打开一个链接 </a>

16. <div onmousedown=&quot;init()&quot;>... <div onmousedown=&quot;init()” onkeydown=“ init() ” tabindex= “ 1 ” >...

17. .msg { margin: -100%} <div onmousedown=&quot;init()” onkeydown=“ init() ” tabindex= “ 1 ” accesskey=“x” >...

18. 全键盘操作 .msg { margin: -100%} 规范化的无障碍测试流程？

19. .msg { margin: 100% solid} .msg { margin: 0%} .msg { margin: -100%}

20. 视频

21. The End