Margin: -100% 黄希彤 腾讯社交平台部技术总监 [email_address] http://t.qq.com/stonelf
 
 
 
 
Message Ears
Message .msg { margin: 100% solid } Ears
<img src=“ submit.png ”  onclick= “ submit() ”  /> <input type=“submit>
<img src=“ submit.png ”  onclick= “ submit() ”  /> <img src=“ submit.png ”  onclick= “ submit() ”   tabindex=0  /> <img sr...
Message .msg { margin: 100% solid } .msg { margin: 0%} Ears
<img src=“ submit.png ”  onclick= “ submit() ”   alt=“ 提交”  tabindex=0 accesskey=“s” /> <img src=“ submit.png ”  onclick= ...
Message .msg { margin: 100% solid } .msg { margin: -100%} Ears
<a href=“…”> 打开一个链接 </a> <a href=“…” onfocus=“ this.blur() ” > 打开一个链接 </a>
<a href=“…”  style=&quot;outline:none&quot; hidefocus tabindex=“1” accesskey=“n” > 打开一个链接 </a> .msg { margin: -100%} <a hr...
 
<div onmousedown=&quot;init()&quot;>... <div onmousedown=&quot;init()”  onkeydown=“ init() ”  tabindex= “ 1 ”   >...
.msg { margin: -100%} <div onmousedown=&quot;init()”  onkeydown=“ init() ”  tabindex= “ 1 ”   accesskey=“x” >...
全键盘操作 .msg { margin: -100%} 规范化的无障碍测试流程?
.msg { margin: 100% solid} .msg { margin: 0%} .msg { margin: -100%}
视频
The End
Upcoming SlideShare
Loading in...5
×

黄希彤:【无障碍访问】Margin

5,446

Published on

Published in: Technology, Art & Photos
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
5,446
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
46
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

黄希彤:【无障碍访问】Margin

  1. 1. Margin: -100% 黄希彤 腾讯社交平台部技术总监 [email_address] http://t.qq.com/stonelf
  2. 6. Message Ears
  3. 7. Message .msg { margin: 100% solid } Ears
  4. 8. <img src=“ submit.png ” onclick= “ submit() ” /> <input type=“submit>
  5. 9. <img src=“ submit.png ” onclick= “ submit() ” /> <img src=“ submit.png ” onclick= “ submit() ” tabindex=0 /> <img src=“ submit.png ” onclick= “ submit() ” alt=“ 提交” tabindex=0 />
  6. 10. Message .msg { margin: 100% solid } .msg { margin: 0%} Ears
  7. 11. <img src=“ submit.png ” onclick= “ submit() ” alt=“ 提交” tabindex=0 accesskey=“s” /> <img src=“ submit.png ” onclick= “ submit() ” alt=“ 提交” tabindex=0 />
  8. 12. Message .msg { margin: 100% solid } .msg { margin: -100%} Ears
  9. 13. <a href=“…”> 打开一个链接 </a> <a href=“…” onfocus=“ this.blur() ” > 打开一个链接 </a>
  10. 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>
  11. 16. <div onmousedown=&quot;init()&quot;>... <div onmousedown=&quot;init()” onkeydown=“ init() ” tabindex= “ 1 ” >...
  12. 17. .msg { margin: -100%} <div onmousedown=&quot;init()” onkeydown=“ init() ” tabindex= “ 1 ” accesskey=“x” >...
  13. 18. 全键盘操作 .msg { margin: -100%} 规范化的无障碍测试流程?
  14. 19. .msg { margin: 100% solid} .msg { margin: 0%} .msg { margin: -100%}
  15. 20. 视频
  16. 21. The End
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×