WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Checkbox with text box to specify

for

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

From: Laurie-Anne Gignac
Date: Fri, May 26 2023 9:45AM
Subject: Checkbox with text box to specify
No previous message | Next message →

Hi!
In a form, I have a choice of 2 checkboxes. The second one is labeled "Other, specify," and there is a text box next to it. I'm having trouble finding an example online to make this accessible. Is there a way to indicate that the text box is related to the checkbox? Thank you.

Laurie-Anne Gignac

Bibliothécaire — édimestre

Direction des bibliothèques, Université de Montréal

From: Hayman, Douglass
Date: Fri, May 26 2023 9:55AM
Subject: Re: - Checkbox with text box to specify
← Previous message | Next message →

Have you looked at examples offered here:

https://dequeuniversity.com/library/

And also the webaim site has great information:
https://webaim.org/techniques/forms/

Seems like some surveys I've taken recently had something similar to what you're looking for but I don't have one handy at the moment.

Doug Hayman
IT Accessibility Coordinator
Information Technology
Olympic College
= EMAIL ADDRESS REMOVED =
(360) 475-7632



-----Original Message-----
From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of Laurie-Anne Gignac
Sent: Friday, May 26, 2023 8:46 AM
To: = EMAIL ADDRESS REMOVED =
Subject: [EXTERNAL] - [WebAIM] Checkbox with text box to specify

CAUTION: This email came from a non-OC system or external source. Beware of phishing and social engineering!


Hi!
In a form, I have a choice of 2 checkboxes. The second one is labeled "Other, specify," and there is a text box next to it. I'm having trouble finding an example online to make this accessible. Is there a way to indicate that the text box is related to the checkbox? Thank you.

[cid:642ee126-0446-4a8a-b689-ee589ec944b9]


---------------------------------------------------------------------------------
Laurie-Anne Gignac

Bibliothécaire - édimestre

Direction des bibliothèques, Université de Montréal

From: glen walker
Date: Fri, May 26 2023 11:36AM
Subject: Re: - Checkbox with text box to specify
← Previous message | Next message →

Those are two nice resources but they don't directly address associating
input fields with a checkbox, which I think is the original question.

Here's another resource that might be closer:
https://adrianroselli.com/2021/12/under-engineered-dependency-questions.html

It talks about unhiding form elements (text input or other checkboxes) when
an "other" radio button is selected. I don't think you are unhiding your
input but the concept is similar.

I'm guessing your two checkboxes are already grouped together? Either via
a fieldset/legend or role="group"?

You could have a nested fieldset or group around your checkbox and input
field but that might not be necessary. If the checkbox label is "other,
specify" and the input field is next in the tab order *and* the input field
has an appropriate accessible name (such as "specify other [whatever]"),
then you should be ok.


On Fri, May 26, 2023 at 9:55 AM Hayman, Douglass < = EMAIL ADDRESS REMOVED = >
wrote:

> Have you looked at examples offered here:
>
> https://dequeuniversity.com/library/
>
> And also the webaim site has great information:
> https://webaim.org/techniques/forms/
>
>
>

From: Laura Roberts
Date: Sat, May 27 2023 6:53AM
Subject: Re: Checkbox with text box to specify
← Previous message | No next message

Perhaps label the checkbox tooltip "other" and the textbox tooltip
"specify".

On Fri, May 26, 2023, 11:46 AM Laurie-Anne Gignac <
= EMAIL ADDRESS REMOVED = > wrote:

> Hi!
> In a form, I have a choice of 2 checkboxes. The second one is labeled
> "Other, specify," and there is a text box next to it. I'm having trouble
> finding an example online to make this accessible. Is there a way to
> indicate that the text box is related to the checkbox? Thank you.
>
> [cid:642ee126-0446-4a8a-b689-ee589ec944b9]
>
>
>
> ---------------------------------------------------------------------------------
> Laurie-Anne Gignac
>
> Bibliothécaire — édimestre
>
> Direction des bibliothèques, Université de Montréal
>
>
>
>
> > > > >