Odeon accessibility review
One thing I tend to do, sadly, is have a check back on sites after a while to see if the current editors are keeping up the accessibility standards and I have to say Odeon has started to slip unfortunately...
1. Proper use of header tags
For starters I've noticed more than one H1 per page... For example underneath the logo is a H1 with their phone number in! There should always only be one H1 so a user can see what the page is about in their headings list (a feature of common screen readers such as Jaws).
2. Badly implemented TabIndex
This one is terribly frustrating... The left nav has a single TabIndex applied halfway which jumps you straight to "something for everyone"! Obviously frustrating for those non-visual users and some mobility disadvantaged users who rely solely on the keyboard to navigate.
3. Bad use of Alt tags
Just hover over the user ratings... Intuitive isn't it?
4. Interesting random buttons
Take a look at a film page with Javascript disabled and you get two rather interesting new buttons appear underneath the film name... "Larger Size" and "Close". The Larger Size one is my favourite... This takes you to a popup that tells you you don't have javascript installed... Classic!
I think the point here is never promise your clients anything commital when it comes to accessibility - especially if you're relying on an editor with inadequate experience of accessibility, or content editing for the web in general... They will inevitably mess up all your hard work!
1. Proper use of header tags
For starters I've noticed more than one H1 per page... For example underneath the logo is a H1 with their phone number in! There should always only be one H1 so a user can see what the page is about in their headings list (a feature of common screen readers such as Jaws).
2. Badly implemented TabIndex
This one is terribly frustrating... The left nav has a single TabIndex applied halfway which jumps you straight to "something for everyone"! Obviously frustrating for those non-visual users and some mobility disadvantaged users who rely solely on the keyboard to navigate.
3. Bad use of Alt tags
Just hover over the user ratings... Intuitive isn't it?
4. Interesting random buttons
Take a look at a film page with Javascript disabled and you get two rather interesting new buttons appear underneath the film name... "Larger Size" and "Close". The Larger Size one is my favourite... This takes you to a popup that tells you you don't have javascript installed... Classic!
I think the point here is never promise your clients anything commital when it comes to accessibility - especially if you're relying on an editor with inadequate experience of accessibility, or content editing for the web in general... They will inevitably mess up all your hard work!
Labels: accessiblity, odeon
posted by Jon at
5:30 PM
0 Comments
