What is the best method for hiding content for all users? For hiding content for some users? The standard technique for hiding content for all users has been the use CSS display:none. Now, both ARIA and HTML5 also provide a semantic indication of content state that indicates content is hidden or should not be available to users.
A color blindness simulator for Windows, Mac and Linux. It takes the guesswork out of designing for color blindness by showing you in real time what people with common color vision impairments will see. Color Oracle applies a full screen color filter to what you are designing - independently of the software in use. Eight percent of all males are affected by color vision impairment.
Making a site or application accessible can seem so overwhelming that it can completely stall efforts before they begin. But sometimes simple changes can provide the necessary momentum while resulting in significant improvements for users. So, in the spirit of small things that make a big difference, here's a list of fixes for common accessibility problems.
Here is a quick tip on how to test how well your web content supports screen reader users. All you need is a browser, a plugin and 5 minutes. This helps you test the foundation of your web page: alternatives, headings, data tables, form labels etc. It’s not a substitute for testing with a screen reader for more complex content such as WAI ARIA.
When testing aspects of support for new HTML5, WAI-ARIA features and HTML features in general, I often test browsers that do not have practical support for screen readers on a particular operating system. I found it difficult to get a complete understanding from the resources available on the web, but have put together a high level support table based on information I could glean.
The ARIA landmark roles can be used in HTML5 to markup regions of a page. Landmark roles add a new means to navigate page content for users of supporting assistive technology. They can be used on semantically neutral elements such as the div element or they can be added, to HTML5 elements that have implied semantics such as header or footer, to fill in current gaps in accessibility support
This FREE online book answers two questions. The first question is "Why should I make my web site more accessible?" If you do not have a web site, this book is not for you. The second question is "How can I make my web site more accessible?" If you are not convinced by the first answer, you will not be interested in the second.
Nice 2 minute video on using table attributes correctly for accessibility. Yahoo! Sports has very detailed statistics tables. The site has carefully used semantic markup to make the tables easy for screen reader users to navigate the data. This video introduces these HTML tags and attributes.
Microsoft Corp. today announced the immediate availability of Microsoft Accessibility Tools & Training, a package of free online accessibility training courses, tools and other resources to help developers worldwide create technology products, services and websites that are accessible to people with disabilities, and to enable business leaders to make more strategic technology decisions.