[access-uk] Re: Fw: HSBC & accessibility
- From: Léonie Watson <tink@xxxxxxxxxx>
- To: <access-uk@xxxxxxxxxxxxx>
- Date: Wed, 6 Jun 2007 21:38:29 +0100
Colin,
Looking just at the form, they've done something odd with the form
labels. The text labels are visually present, as are the form fields, but
the HTML code you need to associate the two has been done in completely the
wrong way.
It's this code that tells a screen reader that a label is present. When
you tab from one form field to another, this code supplies the screen reader
with the information it needs to speak the text label.
Done in the right way, this code is wrapped around both the text and the
form field. This is partly how a screen reader knows the two things relate
to each other. In this case, they've included the right code, but they
haven't wrapped it around the text label or the input field properly.
When a screen reader lands on a form field on this page, it looks
through the code to see whether there's a text label present. Many web forms
don't bother to use the right code at all, so screen readers have become
adept at finding the most likely substitute instead. The trouble with this
form is that the screen reader find the code it's looking for, but there's
nothing inside it to be spoken to the user.
Sorry, it's a bit of a complicated thing to try and explain unless
you're familiar with HTML, but I hope you get the gist. Essentially, the
form labels won't be read out properly when you tab from field to field
because of the way the form is coded.
On a last note, a few of the form fields have been coded in the right
way, nickname for example. Very odd approach to web development, even by
normal standards.
Regards,
Léonie.
_____
From: access-uk@xxxxxxxxxxxxx [mailto:access-uk@xxxxxxxxxxxxx] On Behalf Of
Colin Fowler
Sent: 06 June 2007 17:04
To: access-uk@xxxxxxxxxxxxx
Subject: [access-uk] Fw: HSBC & accessibility
Dear all,
Sorry, it would appear that the url in the original post was incorrect.
http://uk.hsbc.recruitmax.com/MAIN/careerportal/candidate_update.cfm?szOrder
ID=71
<http://uk.hsbc.recruitmax.com/MAIN/careerportal/candidate_update.cfm?szOrde
rID=71&szCoverLetter=yes> &szCoverLetter=yes
----- Original Message -----
From: Colin <mailto:col.fowler@xxxxxxxxxxxxxx> Fowler
To: access-uk@xxxxxxxxxxxxx
Sent: Wednesday, June 06, 2007 4:07 PM
Subject: HSBC & accessibility
Dear all,
As accessibility and the banks has been so topical over the last couple of
weeks, I just felt that the following was very relevant.
www.http://uk.hsbc.recruit.max.comm/MAIN/careerportal/candidate_update.cfm?s
zorderid=71
<http://www.http://uk.hsbc.recruit.max.comm/MAIN/careerportal/candidate_upda
te.cfm?szorderid=71&szcoverletter=yes> &szcoverletter=yes
Could people useing JFW or to that point any screen reader take a look and
advise me accordingly on the accessibility of this 'online' application
form?
I'm not going to pre-emt any condemnation at this stage, as it may simply be
down to an inept useability issue by myself. The problems I was experiencing
were that the edit fields in the form proper appeared to be overlayed with
the HSBC terms and conditions, and therefore there were no tags for the edit
fields, or any way of seperating them from the text of the T&Cs.
Be very grateful for any feedback.
Kindest regards
Colin
Colin Fowler
Disability Consultant
Tel: 01582 483 283
Text/mobile: 07901 573 570
E mail:
col.fowler@xxxxxxxxxxxxxx
www.social-model.org.uk
<mailto:disability@xxxxxxxxxxxxxxxxxxx> disability@xxxxxxxxxxxxxxxxxxx
Colin Fowler
Disability Consultant
www.social-model.org.uk
Telephone: 01582 483 283
Text/Mobile: 07793 111 253
E mail: col.fowler@xxxxxxxxxxxxxx
Other related posts: