WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Ideal accessible form design

for

Number of posts in this thread: 2 (In chronological order)

From: Morin, Gary (NIH/NCI) [E]
Date: Thu, Nov 05 2020 3:00PM
Subject: Ideal accessible form design
No previous message | Next message →

I'm looking for some guidance on making sure that information gathering forms are ScreenReader friendly and as practically accessible as possible. The site that is being improved and expanded on is called ASA24 - which currently asks patients to detail their eating behavior for each meal and snack in a day. There's a demo site at https://asa24.nci.nih.gov/demo/. They're going to be adding a module that asks about sleep behavior - time of day, length of time awake in bed, length of time asleep, etc. - for nights, for naps, so forth.
What best practices - from a developer's perspective and/or blind/partially sighted person's perspective can anyone share. The team is really keen to go beyond mere standards conformance and to make their site/tool accessible and usable. they found a tool called When2Meet (https://www.when2meet.com/?10100163-3h77z) which gives the option to fill in a grid-like schedule to indicate busy - in this case, I presume, they're looking to use it as a proxy for asleep. However, it's neither accessible/Section 508-conformant nor keyboard friendly - it relies on a mouse to click each and every quarter hour). https://www.when2meet.com/.
Should text fields be used (they have to capture measurable data), radio buttons and check boxes, or what - what form features are the most usable and self-evident in how to complete. They also want feedback on how much instruction is useful and at what point does it become unnecessary or insulting.
Thanks in Advance!


Gary M. Morin, Section 508 Coordinator
NCI Office of Communications and Public Liaison (OCPL)
NCI Shady Grove Campus, Room 2E-568
9609 Medical Center Drive
Rockville, MD 20850
(240) 276-6920

Web Accessibility - Section 508 Compliance<https://mynci.cancer.gov/topics/web-accessibility-section-508-compliance>: NCI Home Page for Section 508 Guidance
How Do I Make Documents 508-Conformant?<https://mynci.cancer.gov/topics/how-do-i-make-documents-508-conformant>: How Do I Go About Formatting Microsoft Office Documents and PDF Files (new MyNCI page, 4/28/2020)

From: Jonathan Cohn
Date: Sat, Nov 07 2020 5:36PM
Subject: Re: Ideal accessible form design
← Previous message | No next message

Hello,
Yes, I felt the instructions were a few too many screens.
I also noticed the Radio Buttons don't appear to field set and legend, (VOiceOver on Macintosh did not announce the question when tabbing to the radio buttons.

The tab order is confusing and not terribly helpful in selecting a time. The hour selector should be the first thing in the tab order. Also, I believe you are not using semantic buttons for the increment and decrement, and most people would not know what you mean by meridian.
I did not look at the food selector pages, that is a bit much to ask for a quick review.
So, you are not ready to have a Section 508 audit of this site, and I highly recommend you work with a professional accessibility firm at correcting issues.

Best wishes,

Jonathan Cohn



> On Nov 5, 2020, at 17:00, Morin, Gary (NIH/NCI) [E] via WebAIM-Forum < = EMAIL ADDRESS REMOVED = > wrote:
>
> I'm looking for some guidance on making sure that information gathering forms are ScreenReader friendly and as practically accessible as possible. The site that is being improved and expanded on is called ASA24 - which currently asks patients to detail their eating behavior for each meal and snack in a day. There's a demo site at https://asa24.nci.nih.gov/demo/. They're going to be adding a module that asks about sleep behavior - time of day, length of time awake in bed, length of time asleep, etc. - for nights, for naps, so forth.
> What best practices - from a developer's perspective and/or blind/partially sighted person's perspective can anyone share. The team is really keen to go beyond mere standards conformance and to make their site/tool accessible and usable. they found a tool called When2Meet (https://www.when2meet.com/?10100163-3h77z) which gives the option to fill in a grid-like schedule to indicate busy - in this case, I presume, they're looking to use it as a proxy for asleep. However, it's neither accessible/Section 508-conformant nor keyboard friendly - it relies on a mouse to click each and every quarter hour). https://www.when2meet.com/.
> Should text fields be used (they have to capture measurable data), radio buttons and check boxes, or what - what form features are the most usable and self-evident in how to complete. They also want feedback on how much instruction is useful and at what point does it become unnecessary or insulting.
> Thanks in Advance!
>
>
> Gary M. Morin, Section 508 Coordinator
> NCI Office of Communications and Public Liaison (OCPL)
> NCI Shady Grove Campus, Room 2E-568
> 9609 Medical Center Drive
> Rockville, MD 20850
> (240) 276-6920
>
> Web Accessibility - Section 508 Compliance<https://mynci.cancer.gov/topics/web-accessibility-section-508-compliance>: NCI Home Page for Section 508 Guidance
> How Do I Make Documents 508-Conformant?<https://mynci.cancer.gov/topics/how-do-i-make-documents-508-conformant>: How Do I Go About Formatting Microsoft Office Documents and PDF Files (new MyNCI page, 4/28/2020)
>
>
> > > >