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

  • 5,390 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
5,390
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
45
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Margin: -100% 黄希彤 腾讯社交平台部技术总监 [email_address] http://t.qq.com/stonelf
  • 2.  
  • 3.  
  • 4.  
  • 5.  
  • 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>
  • 15.  
  • 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