Minggu, 23 Januari 2011

Podcast #87: Web Axe 2010 Year in Review


Download Web Axe Episode 87 (Web Axe 2010 Year in Review)

Transcript of podcast 87

Transcript sponsored by Crein: Centre de recherche et d'expérimentation sur l'inclusion numérique (Centre for Research and experimentation on digital inclusion). An organization from Québec, Canada, 'promoting digital inclusion of persons with disabilities'.

News & Articles

Main Segment

Link Roundup - December 2010


Year In Review Links

Main Links

Intro to Web Accessibility Resources

For the new year, I thought it would be a good time to list some solid introductory Web Accessibility Resources.

Progress on outline:0


Nearly three years ago we published a blog entry titled The plague of outline:0. At the time, it was becoming increasingly common for web sites to disable the focus indicators for links via CSS, thus making it nearly impossible for sighted keyboard users to determine which link currently has keyboard focus. Unfortunately, in recent years, this trend has continued with many popular web sites removing the focus indicator, including Twitter, LinkedIn, Flickr, AOL, CNN, MySpace, ESPN, etc. Visit these pages and (assuming you have vision), try to navigate via the keyboard to see how entirely inaccessible this renders these web sites.


As noted in the original article, many of these sites use a CSS reset file that removes the focus indicator. One of the most popular of these reset files is Eric Meyer’s reset.css. In a recent update to reset.css, Eric has now commented out the line that removes focus indicators, thus requiring author intervention to re-enable it.


A few months ago, the code at HTML5 Reset was launched without focus indicators. This was called to their attention on Twitter and within a few hours they had reintroduced keyboard focus indicators by default.


The recently launched OutlineNone.com web site draws attention to the distinct accessibility issues of removing focus indicators. Roger Johansson, among others, has also wrote on this topic – Do not remove the outline from links and form controls.


WebAIM applauds all of these efforts. Combined, perhaps they will change the course of this phenomena. They certainly have raised awareness of this significant, yet easily removed and even more easily avoided accessibility issue.

Progress on Focus Indicators


Nearly three years ago we published a blog entry titled The plague of outline:0. At the time, it was becoming increasingly common for web sites to disable the focus indicators for links via CSS, thus making it nearly impossible for sighted keyboard users to determine which link currently has keyboard focus. Unfortunately, in recent years, this trend has continued with many popular web sites removing the focus indicator, including Twitter, LinkedIn, Flickr, AOL, CNN, MySpace, ESPN, etc. Visit these pages and (assuming you have vision), try to navigate via the keyboard to see how entirely inaccessible this renders these web sites.


As noted in the original article, many of these sites use a CSS reset file that removes the focus indicator. One of the most popular of these reset files is Eric Meyer’s reset.css. In a recent update to reset.css, Eric has now commented out the line that removes focus indicators, thus requiring author intervention to re-enable it. UPDATE: Today Eric posted some thoughts about how best to address this.


A few months ago, the code at HTML5 Reset was launched without focus indicators. This was called to their attention on Twitter and within a few hours they had reintroduced keyboard focus indicators by default.


The recently launched OutlineNone.com web site draws attention to the distinct accessibility issues of removing focus indicators. Roger Johansson, among others, has also wrote on this topic – Do not remove the outline from links and form controls.


WebAIM applauds all of these efforts. Combined, perhaps they will change the course of this phenomena. They certainly have raised awareness of this significant, yet easily removed and even more easily avoided accessibility issue.

PDF vs HTML for organisations


The Australian Government recently released a study into the Accessibility of the Portable Document Format (PDF) for people with a disability, which Duff Johnson analysed very effectively.


I can agree with almost all of Duff’s points, and it’s covered so well I didn’t feel I needed to check the source material (although I will). But as is the nature of blogging, there is something I’d like to disagree with:

The comparison with HTML.


Duff knows a great deal more than I do about PDF standards and technologies, however, I’m pretty strong on the web-standards side of things, so it’s a useful discussion around the intersection of these areas.


I’d not heard it put in this way, but it is an excellent point:



PDF creation is democratic, HTML is centralized


…most people don’t write HTML, so most don’t author documents with any attention to semantics. Since PDFs may be created and posted without the benefit of a content management professional, it’s harder to impose authoring standards outside of specific organizations.



I agree with the point made, but there is a good reason why HTML websites are more likely to be accessible than PDFs in this context: the interface.


Interface lockdown


When you setup the editor in a Content Management System, you can lock it down to only allow semantic elements. You can even make the inclusion of style-oriented elements look wrong by adding certain CSS.


The key thing is that the available options are accessible, and the inaccessible ones have been removed (e.g. font/background colours). There are other things to do, but that problem is solved once, and then works for that website ongoing. If the CMS is sufficiently usable, you can even extend the number of contributors without worrying about the accessibility.


Theoretically, you can also lock down Word templates so that you can only use Word’s styles (I’m not sure about InDesign?). However, it’s a pain to implement, and I’ve not come across an organisation prepared to do so.


How organisations typically publish documents


In a typical medium/large organisation that publishes web content, it is generally non-technical people updating web pages and uploading documents. When I’ve run courses teaching people how to make accessible PDFs, it is generally people on a web team that attend (government, private and charity sector organisations). Not coders, content authors and managers.


The web team are usually happy with the web pages, but they are sent inaccessible PDFs to publish, often without access to the source documents. The central team simply doesn’t have the resource to repeat the same accessibility fixes on every document they are sent.


I’m not blaming PDF for this situation, I’m even reluctant to blame Microsoft (where the interface matters most), it’s the people buying software that aren’t aware of the issue.


Pressure from organisational procurement (on Microsoft and Adobe) to provide a good option to use a locked down interface (and enforce it’s use) would prevent most of the accessibility problems we see. Oh, not to mention some more competition in the PDF-tagging software space.


Therefore, I agree with Duff that the report is likely to lead to an ineffective policy, even though I have a different perspective on why.

Comments on A quick Web Accessibility Checklist

I came across the article A quick Web Accessibility Checklist (published last July) and have some feedback. Some points were great, but others needed some work. I was going to leave a comment, but thought the points would be good to share in a blog post.
  • 'Skip-to' links help, but wouldn't put first on the list. Proper tag markup and ARIA are also big navigation helpers.
  • Font resize widgets are unnecessary as they add weight to a site, add clutter to the screen, and the behavior should be done by the browser.
  • A site map is not needed if navigation is done well and is accessible; the tip is more of a usability issue in my opinion.
  • Don't know what 'links have descriptive screen text' means. If it means tool-tips (title attribute), then I highly recommend not doing most of the time.
  • Yes, keyboard accessible dropdown menus are good, but remember that the whole site must be keyboard accessible.
  • People still use frames? iFrames also relevant to list here, and more up-to-date.
  • A good basic point missing is color; ensure sufficient color contrast, no content conveyed with color alone; etc.

Update, Jan 11:

I submitted a blog comment that linked to this page, and it did NOT get accepted!

Shortened URL to this page: http://weba.im/commquick