Accessibility has been in the news lately - with Target’s accessiblity lawsuit being given the class-action status. Now, lets take a look at what was missing in Target’s website that caused the complaint in the first place (summarized from the official NFB Vs Target legal docs):
- lack of alt-text on graphics
- inaccessible image maps
- the lack of adequate prompting and labeling
- the denial of keyboard access
- the requirement that transactions be performed solely with a mouse
- lack of navigational links
In Singapore, accessibility services seems to be provided majorly by Designafa - especially for government websites. Lets see how well these are managed by their own website:
- lack of alt-text on graphics
-
The first thing that strikes you is that the navigation links are separated by images that have no alt text. Moreover, you have the fluffy rounded corners images with no alt text as well. The problem is not that there is no alt text, but the very existence of these images. If they are not required for screen reading why are they present - impeeding the screenreaders? They should be background images using css. Alas, as the site structure shows, they had not thought about using css and webstandards.
The next thing I notice is that the image says “Key to successful web (sic) Accessibility & Usability” while the alt text says “Accessibility for all, Making your website Accessible”. If the image does nothing but display text as an “image” then the least that should occur is that the text matches that on the image.
Another interesting alt text is this “Commemorating International Day of Disable Persons 2006” for the image that says “Forum on E-Accessibility in Singapore” and the date that is mentioned in the image is 22 June 2007.
- inaccessible image maps
- the lack of adequate prompting and labeling
-
This is definitely missing in the form on the <a href="http://www.designafa.com/pages/contactus.asp">contact page</a>. Labels are wrapped around the input elements without a "label". The fields are also filled but use javascript to erase it once clicked - I am not sure how that works well with screen readers, but I dont think it is that accessible.
- the denial of keyboard access
- They have provided excessive keyboard access. Given that they have ordered the tab indexes as well as providing access keys for navigation links as well as other links (including blank ones for labels). The very idea of changing tab index from the natural order itself is murky waters. The idea of access keys have got negative reactions from the accessibility community (Dave Shea’s comment) (alternative suggestions).
- the requirement that transactions be performed solely with a mouse
- This again is taken care of with “onkeypress” and other inline javascripts. But for usability, the submit button is not focussed when tabbed to or even when focussed with the mouse - so u never know when the “submit” button is active or not.
- lack of navigational links
- This is clearly present, but their “skip to content” link goes to the content below the announcement of the latest event.
The site doesnt use any image maps thankfully.
The idea is not to criticize their work, but to showcase what has been missed in this race to get accessibility certifications. Having an overdose of access keys or incorrect alt texts is definitely not accessible but it does not get detected in any of the automatic tests (which the website seems to clear).
Given that they consult the government on accessibility - I think they should have some of these things resolved. If you go to the Prime Minister’s Office website, the headings are actually encapsulated in <font> tags - so the screen reader wont know it is a heading - which if you were able to see the website you would be able to. You might notice the unusual number of <br/ >s are well.
The Ministry of Community Development, Youth and Sports has a “increase text size” widget slapped on the top as well. Here is what Roger Johansson has to say about these text resize widgets:
Something that always bugs me is when somebody slaps a text resize widget on their site and calls it “accessible”. Job done. Maybe that is a bit unfair since there are many sites that actually are accessible that have a text resize widget, but my non-scientific guess is that a majority of sites that have a feature like that are a long way from being accessible and use a text resizing widget as a band-aid instead of addressing the underlying problem.
It is great that we have a committed organization for providing accessibility to singaporeans but the current usage of accessibility techniques in their client websites as well as their own seems like they haven’t caught up with the latest accessibility techniques as well as discarding those that are deprecated. While the websites pass the automatic tests, they still are not accessible as well as they could be to a disabled person.