Skip to content

Instantly share code, notes, and snippets.

@icai
Created January 21, 2014 02:15
Show Gist options
  • Save icai/8533304 to your computer and use it in GitHub Desktop.
Save icai/8533304 to your computer and use it in GitHub Desktop.
about accessibility
#accessibility
###Todo
- input,select,textarea,fieldset -> aria-labelledby="[id]"
- position element -> tabindex="-1"
- focusable -> tabindex="0"
- add `role` attribute
- add `aria-` attribute
###aria-
- aria-describedby="[id]"
- aria-label=""
- aria-haspopup="true"
- ...
###role
- role="dialog",
- role="button",
- role="toobar",
- role="menu",
- role="article",
- role="tooltip"
- ...
###article:
https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques
http://www.w3.org/standards/webdesign/accessibility
http://www.nczonline.net/blog/2013/02/12/making-an-accessible-dialog-box/
http://www.w3.org/standards/webdesign/accessibility
https://support.mozilla.org/en-US/kb/accessibility-features-firefox-make-firefox-and-we
http://www.zhangxinxu.com/wordpress/2012/03/wai-aria-%E6%97%A0%E9%9A%9C%E7%A2%8D%E9%98%85%E8%AF%BB/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment