search

wpsharks / s2member

s2Member® Framework (membership management for WordPress®).
64 stars 36 forks source link

Billing Update Form needs information for screen readers #1133

Open billalive opened 6 years ago

billalive commented 6 years ago

EXPLANATION OF THE ISSUE

We have a subscribing member who is legally blind, and when he tried to updating his billing information using a standard s2member billing update form, he sent us this feedback:

I went through the Billing Update Form and put in new information. I hope it went through. The labeling on your billing form is woefully inadequate for use with a screen reader because all I get when I arrow through it is "Radio Button Required." Each of these buttons should have labels placed according to Microsoft standards so that a screen reader would read them accurately. If my update did not come through, please contact me so that we can figure out some way to get the information to you in a secure form.

I'm not sure how to test or confirm this. I'm passing it on to you in case it is a problem that you can fix.

Thanks!

STEPS TO REPRODUCE THE ISSUE

BEHAVIOR THAT I EXPECTED

BEHAVIOR THAT I OBSERVED

KTS915 commented 6 years ago

As someone who spends a lot of time getting websites to be accessible to blind users and others who cannot use a mouse, I agree that this is a serious issue. In fact, I always create my own s2Member forms from scratch so that I can make them fully accessible.

One thing I would point out, though, is that the standards are not set by Microsoft. Far from it! The relevant standards are set by the Worldwide Web Consortium and are known as WAI-ARIA. See https://en.wikipedia.org/wiki/WAI-ARIA

As for testing, there is a WP plugin you can use: see https://wordpress.org/plugins/wa11y/

Or you can add extensions to your browser. Just search for a11y