Hiding visible content from screen readers with aria-hidden

If you want to hide visible content only from screen readers in order to give users a better experience, aria-hidden may be an option.

Posted on May 31, 2012

Skip links and other in page links in WebKit browsers

In page links do not work as expected (or as in other browsers) when activated by keyboard in WebKit browsers like Safari and Chrome.

Posted on March 9, 2012

Screen readers and CSS

Some CSS intended for visual media types only has unexpected and semantic effects on screen readers.

Posted on November 17, 2011

An accessible, keyboard friendly custom select menu

A way of styling the closed state of select elements without sacrificing accessibility.

Posted on November 3, 2011

Using display:table has semantic effects in some screen readers

When you use the table-related display properties of CSS to get the display properties of a table, some screen readers will treat the non-table markup as a real table.

Posted on October 11, 2011

Screen readers, list items and list-style:none

Many developers expect screen readers to ignore visual styling of semantic HTML elements. They mostly do, but with list items their behaviour is hit-or-miss.

Posted on September 14, 2011

Block level links and accessibility

HTML5 allows links to contain block level elements instead of just inline elements. This can be useful but there are currently potential usability issues with screen readers.

Posted on September 6, 2011

Do not use display:none to visually hide content intended for screen readers

Hiding content with display:none hides it from all users, including those who use screen readers. Be aware of this when deciding how to hide content visually.

Posted on August 16, 2011

Accessibility in Mac OS X 10.7 Lion

A quick walkthrough of the accessibility improvements in Mac OS X 10.7 Lion that stood out most to me.

Posted on July 30, 2011

The iOS Zoom setting disables maximum-scale=1 and user-scalable=no

Enabling the Zoom setting (in Settings > General > Accessibility) on iOS makes it possible to zoom normally on web pages that use a meta viewport element to prevent zooming.

Posted on June 7, 2011

Do unobtrusive, accessible social media sharing widgets exist?

No social media sharing widgets that I know of are keyboard friendly, and most use obtrusive markup. Anyone know of an accessible, unobtrusive option?

Posted on May 23, 2011

Accessibility checklists can be helpful if used right

Some people argue that checklists should not be used when evaluating accessibility. I think they work fine when used right.

Posted on May 18, 2011

Keyboard accessibility (again)

Keyboard accessibility really is not that hard to get right, but many, many web developers do not seem to think about it. Here are some simple guidelines that may help.

Posted on April 14, 2011

DanKam for iPhone and Android corrects colour blindness

DanKam is an augmented reality app that uses the phone's camera to filter images in real time, changing their colours to make them easier to see for colourblind people.

Posted on February 17, 2011

Why do drive-through ATMs have Braille keypads?

It may not seem obvious why drive-through ATMs would have Braille keypads to enable blind persons to use them. But once you know the answer it's quite simple.

Posted on January 12, 2011

Accessibility myths in 2010

Highlighting some persistent myths about web accessibility.

Posted on November 9, 2010

Is hiding text with CSS to improve accessibility bad for SEO?

Does using CSS to hide text - any text, for whatever reason - result in an automatic search engine penalty?

Posted on October 11, 2010

Accessibility improvements in Apple iOS 4 for iPhone/iPod Touch

iOS 4 for Apple's mobile products have improved accessibility features, including support for navigating by WAI-ARIA landmark roles.

Posted on September 16, 2010

No longdesc attribute in HTML5

The longdesc attribute, which can be used to provide a longer description of an image, is currently not included in the HTML5 specification.

Posted on August 20, 2010

Accessibility does not prevent you from using JavaScript or Flash

Many people mistakenly believe that in order to make a website accessible you have to completely abstain from using technologies like JavaScript or Flash.

Posted on May 31, 2010

If you use the accesskey attribute, specify unique values

If you use the accesskey attribute and specify the same value more than once, browser behaviour is unspecified and varies a lot. Make sure values are unique if you use accesskey.

Posted on May 26, 2010

Built-in or bolt-on accessibility in HTML5? How about a bit of both?

Having built-in semantics and accessibility in HTML5 is great, but I think we also need specifications like WAI-ARIA that let us add accessibility to less than ideal markup.

Posted on April 26, 2010

Using the lang attribute makes a difference

Specifying the natural language of complete and partial HTML documents really does make a difference to users of screen readers that support language switching.

Posted on April 5, 2010

A selection of VoiceOver keyboard commands

A selection of keyboard shortcuts used to control the VoiceOver screen reader in Mac OS X 10.6 (Snow Leopard).

Posted on March 29, 2010

Accessibility issues on Vancouver Olympics websites

Joe Clark takes a look at the accessibility (or rather the lack of it) of the Vancouver 2010 Winter Olympics websites.

Posted on March 1, 2010

Remember the Authoring Tool Accessibility Guidelines (ATAG)

ATAG addresses software that is used to create websites or manage the content of websites, but is unfortunately ignored by many creators of such software.

Posted on February 18, 2010

sIFR default CSS hides content from at least one screen reader

If you use the CSS that comes with sIFR, Apple's VoiceOver screen reader will not read the replaced text. But there is a simple fix.

Posted on February 8, 2010

Unobtrusive JavaScript is not necessarily accessible JavaScript

There is no guarantee that a JavaScript that is unobtrusively implemented is also keyboard and screen reader accessible.

Posted on January 26, 2010

Telling organisations that their websites are inaccessible

By contacting organisations with inaccessible websites about the problems you encounter, you increase the chances of them fixing their sites. W3C's WAI has created a document intended to help you do this.

Posted on January 13, 2010

W3C HTML Accessibility Task Force

The W3C HTML Accessibility Task Force will help ensure that HTML 5 provides features to enable Web content to be accessible to people with disabilities.

Posted on January 12, 2010

If you must use a dropdown menu, make sure it’s keyboard friendly

Many dropdown/flyout/DHTML menus are not keyboard friendly. Next time you implement a dropdown menu, make sure it can be used without a mouse.

Posted on December 21, 2009

JAWS has a weird way of recognising data tables

The heuristics used by the JAWS screen reader to determine whether a table is used for layout or data are quite strange.

Posted on December 17, 2009

Do you find table summaries helpful?

Looking for input from screen reader users with regards to the usefulness of the summary attribute for data tables and the information provided in it.

Posted on November 17, 2009

Headings and document structure conclusions

There appears to be no single solution to heading structure in HTML that fits all situations, but as I see it there are two choices.

Posted on November 10, 2009

New accessibility overview on the W3C website

The new W3C website has a new and very good summary of the why, what, and how of Web accessibility.

Posted on November 3, 2009

Results from WebAIM’s screen October 2009 screen reader user survey

The results from WebAIM's October 2009 screen reader user survey have been posted. Some results are expected while others can be a bit surprising.

Posted on November 2, 2009

Design patterns and examples for colour blindness

We are Colorblind contains good and bad examples of designing for people who are colourblind along with design patterns, tips and tricks, and colour checking tools.

Posted on October 26, 2009

Lightboxes and keyboard accessibility

All Lightbox clones that I have tested have issues with keyboard accessibility, making it unnecessarily difficult or confusing to use them without a mouse.

Posted on October 20, 2009

Remove the outline from links on :active only

Completely removing the outline from links makes it very difficult for people who do not use a mouse to see where the keyboard focus is. But there is a better way.

Posted on October 13, 2009

Improve your keyboard accessibility

Many web designers and developers forget about or ignore keyboard-only users when building web sites. Here is some advice on what to avoid and what to do.

Posted on October 12, 2009

Gesture-based VoiceOver on the iPhone and iPod touch

Apple has made the iPhone and iPod touch accessible to visually impaired people by shipping them with the new, gesture-based version of the VoiceOver screen reader.

Posted on October 6, 2009

Readable – another way of improving readability on the Web

The Readable bookmarklet, especially in combination with the Better Web Readability CSS framework, makes websites easier to scan and read.

Posted on September 25, 2009

Opera adds support for the longdesc attribute

Very few visual browsers support the longdesc attribute, but now there are at least two: iCab and Opera.

Posted on September 14, 2009

HTML 5 and the summary attribute

The current HTML 5 Working Draft lists the summary attribute as an obsolete but conforming feature and tells authors to provide table information to all users.

Posted on September 7, 2009

Make more web content readable with Readability

Like the content on a site but have a hard time reading it? Try the Readability bookmarklet.

Posted on August 25, 2009

Accessibility improvements in Mac OS X Snow Leopard

Mac OS X 10.6 has plenty of accessibility improvements, several of which will be useful not only to people with disabilities. No mention of WAI-ARIA, though.

Posted on June 17, 2009

Do you think a WCAG 2.0 technique can be improved? Let the W3C know.

If you think a technique or other document related to WCAG 2.0 could be improved, you can let the WCAG Working Group know about it.

Posted on June 16, 2009

Using the Web with a refreshable Braille display

Roger Hudson has posted a video of Bruce Maguire using a refreshable Braille display to browse the Web.

Posted on June 11, 2009

Cufón and screen readers

Cufón is a potential replacement for static images or sIFR when you must use a specific typeface that is not widely available. However, it has some usability and accessibility issues.

Posted on May 28, 2009

Building accessible forms with WCAG 2.0

Examples, with references to relevant WCAG 2.0 Success Criteria, of how screen reader users can successfully interact with forms that use JavaScript.

Posted on May 21, 2009

Making accessibility more real

Even if you do not have a disability, there are some things you can do to gain a better understanding of the obstacles some people with disabilities run into on the web.

Posted on April 14, 2009

Accessibility is more than “possible to access”

Making web sites and web applications accessible is more than making them possible to access - it also means making them usable.

Posted on April 9, 2009

NVDA – a free, open source screen reader

Testing your web sites and web applications with a screen reader is good. Screen readers can be expensive, but NVDA is a completely free alternative that has WAI-ARIA support.

Posted on March 26, 2009

WCAG 2.0 Checklist by WebAIM

WebAIM's WCAG 2.0 Checklist condenses the guidelines into an easy-to-use and understandable checklist that will help you get started with WCAG 2.0.

Posted on March 25, 2009

Screen reader testing

While it is important for all web developers to have access to a screen reader for testing, setting one up may prove a little tricky. Fortunately there are instructions that will help.

Posted on March 10, 2009

Check your design with text size increased to 200 percent

To make sure that people who need larger text can use your size, increase text size to 200 percent and check that the content is still readable and functional.

Posted on March 2, 2009

WAI-ARIA 1.0 Last Call Working Draft

The Accessible Rich Internet Applications (WAI-ARIA) specification has reached Last Call Working Draft status, and the W3C wants your feedback.

Posted on February 24, 2009

IE 8 still does not resize text sized in pixels

Internet Explorer's text resizing behaviour is different from that of other browsers since IE does not allow the end user to (easily) resize text whose size has been specified in pixels.

Posted on February 23, 2009

WCAG 2.0 recommends using luminosity contrast ratio to check colour contrast

With WCAG 2.0 now being a W3C recommendation it is time to check that the tool you use to check colour contrast supports the luminosity contrast ratio algorithm recommended by WCAG 2.0.

Posted on February 18, 2009

Results from the WebAIM screen reader survey

WebAIM's screen reader survey provides some interesting results. Most are expected, but there are some surprises.

Posted on February 10, 2009

WAI-ARIA support in IE8 RC no longer non-standard

As of IE8 RC, Microsoft have changed their implementation of WAI-ARIA to use the standardised syntax for setting ARIA properties through JavaScript.

Posted on February 9, 2009

Headings, heading hierarchy, and document outlines

What do you do when an HTML document's main heading is not the first text that should be marked up as a heading - insert a dummy heading or give up on having a perfect document outline?

Posted on January 26, 2009

WCAG 2.0 finally a W3C Recommendation

Today the W3C announced that Web Content Accessibility Guidelines 2.0 (WCAG) has finally been declared a W3C Recommendation.

Posted on December 11, 2008

Making Google Maps more accessible

You can make the Google Maps you put on your site more accessible by providing a static image fallback for users without JavaScript and hacking in keyboard accessibility.

Posted on December 1, 2008

Dyslexia and accessibility

The problems dyslexics have when using the web are often overlooked, even by people who make an effort to create accessible websites.

Posted on November 17, 2008

Writing good alt text

It is quite common to come across images with missing alternative text or alternative text that does not properly describe the image's content or function.

Posted on November 11, 2008

Going from WCAG 1.0 to WCAG 2.0

It is time to start reading up on WCAG 2.0. It may be a lot to digest, but there are documents available that compare the checkpoints in WCAG 1.0 to WCAG 2.0.

Posted on November 6, 2008

Reading up on WAI-ARIA

WAI-ARIA, the Accessible Rich Internet Applications Suite, helps developers make their web applications more accessible to people who rely on assistive technology. Start reading up on it.

Posted on November 3, 2008

Multiple form labels and screen readers

If screen readers reliably supported multiple labels for the same form control, it would be easier to make error messages and instructions fully accessible.

Posted on September 30, 2008

Turn Firefox into a screen reader with Fire Vox

Fire Vox is a free, open source, cross platform screen reader extension for Firefox. If you create websites you need it.

Posted on September 23, 2008

Specify a maximum width for em-based layouts

When creating layouts with an em-based width, specify a maximum width to avoid horizontal scrolling for users who increase text size.

Posted on March 3, 2008

The WCAG Samurai Errata are now available

The WCAG Samurai have released version 1 of their list of corrections for and updates to the Web Content Accessibility Guidelines 1.0.

Posted on February 28, 2008

Helping others understand web accessibility

Accessibility is sometimes harder to get into than it should be. The documentation is hard to read and we can all do a little bit more to help each other.

Posted on February 5, 2008

Overdoing accessibility

Some accessibility features are commonly misused or overused by well-meaning developers, in some cases leading to decreased accessibility.

Posted on December 17, 2007

Accessibility is part of your job

James Edwards notes that as Web professionals we owe it to ourselves and our clients to do our jobs properly, which means taking accessibility seriously.

Posted on December 14, 2007

Manual for Apple VoiceOver in Mac OS X 10.5 Leopard

A Getting Started guide for VoiceOver is available for download in a number of formats, including audio, PDF, and Braille.

Posted on November 23, 2007

Videos of people using assistive technology

A set of fantastic videos that show how people with various disabilities use computers with the help of assistive technology.

Posted on October 15, 2007

Update on the Target accessibility lawsuit

The US-based retailer Target has been sued for refusing to make their website accessible. The lawsuit has now been given class-action status.

Posted on October 8, 2007

Scrap text resize widgets and teach people how to resize text

Instead of wasting time and resources on building JavaScript widgets that resize the text on your site, teach people how to resize text in their browser.

Posted on September 21, 2007

10 colour contrast checking tools to improve the accessibility of your design

A list of tools that help make your design readable to all users by checking if text has sufficient contrast against its background.

Posted on September 12, 2007

Can the alt attribute be omitted without hurting accessibility?

In the current editor's draft of the HTML 5 specification, the alt attribute for images is no longer required. I am not convinced that this is a good idea.

Posted on September 7, 2007

Provide an accessible alternative if you must use a CAPTCHA

Visual verification of distorted characters displayed in an image is a major accessibility barrier to people who are visually impaired, blind, or dyslexic.

Posted on September 4, 2007

Introduction to screen readers and screen magnifiers

See how people who are experienced screen reader or screen magnifier users interact with their computer desktop and the Web.

Posted on July 17, 2007

London 2012 Olympics branding film causes epileptic seizures

A segment of a film that promotes the London 2012 Olympic Games brand has triggered epileptic seizures in at least thirty people.

Posted on June 29, 2007

WCAG Samurai Errata published

The WCAG Samurai have published the first draft of their errata for and extensions to WCAG 1.0.

Posted on June 8, 2007

HTML 5 and accessibility

The HTML Working Group is required to cooperate with the Web Accessibility Initiative to ensure that HTML 5 enables accessibility.

Posted on June 7, 2007

WCAG 2.0 Working Draft May 2007: A closer look

Jack Pickard has taken a good look at the latest Working Draft of the Web Content Accessibility Guidelines 2.0, and likes what he sees.

Posted on May 28, 2007

The Dutch accessibility law is awesome

The new Dutch accessibility law goes way beyond the WCAG and embraces the spirit of modern, Web standards-based Web development.

Posted on February 13, 2007

Seven accessibility mistakes you don't want to make

Seven accessibility mistakes that even well-intentioned developers make, and some advice on how to avoid them.

Posted on January 16, 2007

Six things that suck about the Web in 2006

A rant about some of the trends that I find really annoying about the Web in 2006.

Posted on December 20, 2006

Best practices for the Mobile Web

Much of the advice intended to provide a better user experience for users of handheld devices will also improve accessibility in other contexts.

Posted on October 26, 2006

Barrier-free Web design, a.k.a. Web accessibility 2.0

An attempt to explain why we believe that including everybody does not risk excluding people with disabilities.

Posted on October 24, 2006

False accessibility claims on public sector websites

Far too often, public sector websites falsely claim that they are accessible after paying tax money to web agencies that do not know what accessibility is.

Posted on October 2, 2006

Light text on dark background vs. readability

The recent design trend of light text on dark backgrounds is reducing the readability and usability of many sites for certain people.

Posted on August 21, 2006

Google Accessible Search rewards accessibility

Google Accessible Search is designed to prioritise search results that are more usable to blind and visually impaired people.

Posted on July 26, 2006

WCAG 2 disregards Web standards

Web Content Accessibility Guidelines 2.0 is confusing, difficult to understand, hard to implement, and disregards web standards.

Posted on May 26, 2006

AJAX, JavaScript support and screen reader accessibility

Making websites and web based applications that use a lot of JavaScript accessible isn't as easy as just making sure that there is a non-JavaScript fallback.

Posted on May 18, 2006

Evaluating website accessibility

An introduction to a series of articles that explain techniques for evaluating the accessibility of a website. Useful to both developers and website owners.

Posted on April 24, 2006

Alt text is an alternative, not a tooltip

Alternative text should never be displayed at the same time as the image it provides an alternative for.

Posted on April 10, 2006

Evaluating website accessibility part 3, Digging Deeper

The third and final article in a three-part series that explains how to evaluate the basic accessibility of a website.

Posted on March 27, 2006

Evaluating website accessibility part 2, Basic Checkpoints

The second article in a three-part series that explains how to evaluate the basic accessibility of a website.

Posted on March 16, 2006

Evaluating website accessibility part 1, Background and Preparation

The first article in a three-part series that explains how to evaluate the basic accessibility of a website.

Posted on March 6, 2006

Accessibility and usability for interactive television

Accessibility and usability for ITV have a lot in common with accessibility and usability for the web. There are also many differences, some of which are highlighted in this article.

Posted on December 1, 2005

Does accessibility encourage discrimination?

A discussion on whether it is acceptable for a website to be accessible to people with disabilities but inaccessible to people that use alternative browsing devices or operating systems.

Posted on August 25, 2005

To-do list for the WaSP ATF

Some things I would like the Web Standards Project Accessibility Task Force to take a closer look at.

Posted on June 26, 2005

Web standards vs. Accessibility

Web accessibility is not just for screen readers or blind people.

Posted on June 16, 2005

Accessibility myths and misconceptions

A few common accessibility myths and misconceptions explained.

Posted on May 25, 2005

VoiceOver and Safari: Screen reading on the Mac

Examining VoiceOver, the built-in screen reader in Mac OS X 10.4.

Posted on May 9, 2005

Accessibility charlatans

Claims of adhering to accessibility standards are often false and nothing more than marketing.

Posted on February 9, 2005

The alt and title attributes

Posted on December 8, 2004

Bring on the tables

Avoid using tables for layout, but make sure to use them, and use them properly, for tabular data. This article explains how to make HTML data tables accessible.

Posted on October 27, 2004

Accessibility vs Branding

Posted on September 22, 2004

Municipal Web Accessibility

Posted on May 23, 2004

’A List Apart

Posted on November 15, 2003

Accessible != Boring

Posted on November 4, 2003

Accessible Tables

Posted on September 24, 2003

Skipping links

Posted on September 13, 2003

A Second Voice

Posted on August 10, 2003

Macromedia and Accessibility

Posted on August 3, 2003

Building Accessible Websites

Posted on July 17, 2003

WCAG 2.0

Posted on June 25, 2003


Posted on May 3, 2003

Access this

Posted on April 8, 2003

Archive contents