Three Tiny Steps to achieve a way more accessible site

[deborah]

1. In your CSS, make sure you can see where the cursor is as you tab through the page. Avoid using CSS display:none; or display:0; These attributes are often set incorrectly in widely shared CSS you may have downloaded, so you'll have to turn this back on with a:focus { }.


2. Make all page elements keyboard accessible.
   
   1. In the Javascript: Trigger events "onFocus" as well as "onHover", to keypress events as well as mouseclick events, and to focus exiting and entering as well as hover entering and exiting.
   
   
   2. In the HTML: If you must artificially create HTML elements using CSS and JavaScript, use roles and tabindex in order to specify appropriate page elements. This requires only adding two attributes in the HTML: role and tabindex.