/    Sign up×
Community /Pin to ProfileBookmark

Forms and Acessibility

Hi,

I’ve had feedback from someone who is blind which is that parts of one of my ecommerce websites are not accessible to visually impared people. In particular, the Paypal button at the point of submitting the order which this person says she just cannot find. I’ll provide the code I’ve used to make up the Paypal button and wondered if someone might be able to tell me what I need to do to make it accessible to visually impared people. I put in alt and title tags but that hasn’t helped.

I’ve also been told making websites accessible to visually impared people is a legal requirement. I have tried to find this information on Google but am unable to confirm. Is anyone able to confirm this?

[code=html]
<form action=”cart.php?stage=complete” method=”post” style=”margin: 0px; padding: 0px;”>
<fieldset style=”border: none;”>
<input type=”hidden” name=”paymentType” value=’sale’ />
<input type=”hidden” name=”L_NAME[]” value=”” />
<input type=”hidden” name=”L_DESC[]” value=”” />
<input type=”hidden” name=”L_AMT[]” value=”” />
<input type=”hidden” name=”L_QTY[]” value=”” />
<input type=”hidden” name=”CUSTOM” value=”” />
<input type=”hidden” name=”count” value=”” />
<input type=”hidden” name=”subtotal” value=”” />
<input type=”hidden” name=”currencyCodeType” value=”GBP” />
<input type=”hidden” name=”INVNUM” value=”” />
<input type=”hidden” name=”SHIPPING” value=”” />
<input type=”hidden” name=”SHIPPING_METHOD” value=”” />
<input type=”hidden” name=”PERSONNAME” value=”” />
<input type=”hidden” name=”SHIPTOSTREET” value=”” />
<input type=”hidden” name=”SHIPTOCITY” value=”” />
<input type=”hidden” name=”SHIPTOZIP” value=”” />’;
<input type=”hidden” name=”SHIPTOCOUNTRYCODE” value=”” />
<input type=”image” name=”submit” src=”https://www.paypal.com/en_US/i/btn/btn_xpressCheckout.gif” alt=”Paypal Button” title=”Paypal Button” style=”width: 60%; border: none;” />
</fieldset></form>
[/code]

Thanks in advance

Paul

to post a comment
HTML

1 Comments(s)

Copy linkTweet thisAlerts:
@jedaisoulMar 16.2013 — You might need to use <label> </label>, but I cannot see that is directly relevant.

On the question of legal requirements, I'm no expert but my understanding is that the legislation is aspirational rather than enforceable. Basically you should make "best efforts" not to write code that is inaccessible. Never-the-less user accessibility IS important, and should be taken seriously.
×

Success!

Help @smithster spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.1,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...