Your SlideShare is downloading. ×
黄希彤:【无障碍访问】Margin
黄希彤:【无障碍访问】Margin
黄希彤:【无障碍访问】Margin
黄希彤:【无障碍访问】Margin
黄希彤:【无障碍访问】Margin
黄希彤:【无障碍访问】Margin
黄希彤:【无障碍访问】Margin
黄希彤:【无障碍访问】Margin
黄希彤:【无障碍访问】Margin
黄希彤:【无障碍访问】Margin
黄希彤:【无障碍访问】Margin
黄希彤:【无障碍访问】Margin
黄希彤:【无障碍访问】Margin
黄希彤:【无障碍访问】Margin
黄希彤:【无障碍访问】Margin
黄希彤:【无障碍访问】Margin
黄希彤:【无障碍访问】Margin
黄希彤:【无障碍访问】Margin
黄希彤:【无障碍访问】Margin
黄希彤:【无障碍访问】Margin
黄希彤:【无障碍访问】Margin
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

5,427

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,427
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
46
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

×