WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Checkbox related issue

for

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

From: Kakarla Meharoon
Date: Mon, Jul 30 2018 4:32AM
Subject: Checkbox related issue
No previous message | Next message →

Hi,

I come across one dialog which contains a group of mandatory check boxes
which are having warning icons while will opens a alert dialog. Now Screen
reader JAWS is reading as label of the checkbox opens as a popup and
checkbox not checked, this warning dialog s are not accessible with
keyboard.
What need to do ?
Thanks in advance.
Note: if there are 100 check boxes if 50 or 60 having warning icons,
warning alert dialog information is same.


Thanks

From: Steve Faulkner
Date: Mon, Jul 30 2018 4:47AM
Subject: Re: Checkbox related issue
← Previous message | Next message →

Hi Can you provide a test case (code) for this and details of what browser
and version? Also JAWS version?

--

Regards

SteveF
Current Standards Work @W3C
<http://www.paciellogroup.com/blog/2015/03/current-standards-work-at-w3c/>;

On 30 July 2018 at 11:32, Kakarla Meharoon < = EMAIL ADDRESS REMOVED = >
wrote:

> Hi,
>
> I come across one dialog which contains a group of mandatory check boxes
> which are having warning icons while will opens a alert dialog. Now Screen
> reader JAWS is reading as label of the checkbox opens as a popup and
> checkbox not checked, this warning dialog s are not accessible with
> keyboard.
> What need to do ?
> Thanks in advance.
> Note: if there are 100 check boxes if 50 or 60 having warning icons,
> warning alert dialog information is same.
>
>
> Thanks
> > > > >

From: Kakarla Meharoon
Date: Mon, Jul 30 2018 4:56AM
Subject: Re: Checkbox related issue
← Previous message | Next message →

I am using Internet Explorer 11 with JAWS 2018 version.

From: Steve Faulkner
Date: Mon, Jul 30 2018 5:06AM
Subject: Re: Checkbox related issue
← Previous message | Next message →

OK, can you provide a working code demo?

--

Regards

SteveF
Current Standards Work @W3C
<http://www.paciellogroup.com/blog/2015/03/current-standards-work-at-w3c/>;

On 30 July 2018 at 11:56, Kakarla Meharoon < = EMAIL ADDRESS REMOVED = >
wrote:

> I am using Internet Explorer 11 with JAWS 2018 version.
> > > > >

From: Kakarla Meharoon
Date: Mon, Jul 30 2018 6:41AM
Subject: Re: Checkbox related issue
← Previous message | Next message →

Hi,

The working code demo means ??

From: Steve Faulkner
Date: Mon, Jul 30 2018 6:46AM
Subject: Re: Checkbox related issue
← Previous message | Next message →

>
> The working code demo means ??
>

A html file with the code required to understand and reproduce the
behaviour in the question you are asking

For example: https://codepen.io/stevef/pen/WKXwyj

--

Regards

SteveF
Current Standards Work @W3C
<http://www.paciellogroup.com/blog/2015/03/current-standards-work-at-w3c/>;

On 30 July 2018 at 13:41, Kakarla Meharoon < = EMAIL ADDRESS REMOVED = >
wrote:

> Hi,
>
> The working code demo means ??
> > > > >

From: Kakarla Meharoon
Date: Mon, Jul 30 2018 6:59AM
Subject: Re: Checkbox related issue
← Previous message | Next message →

Hi,
Please find the below link,
Instead of open as a popup warning icon will be there
https://codepen.io/kakarla-madhuri/pen/GByEmj

From: glen walker
Date: Mon, Jul 30 2018 8:26AM
Subject: Re: Checkbox related issue
← Previous message | Next message →

I'm not sure I follow what the problem is. The codepen example has a bunch
of checkboxes. The checkboxes have an implicit label by embedding the
<input> in a <label>. That's generally ok and is html compliant code, but
I think there are still some screen reader / browser combinations that
don't honor implicit labels. If you added a "for" attribute to your
<label> and pointed it to the <input>, then there shouldn't be any
labelless checkbox issues. But perhaps you're not asking about checkbox
labels. You mentioned something about a dialog too.


On Mon, Jul 30, 2018 at 6:59 AM, Kakarla Meharoon < = EMAIL ADDRESS REMOVED =
> wrote:

> Hi,
> Please find the below link,
> Instead of open as a popup warning icon will be there
> https://codepen.io/kakarla-madhuri/pen/GByEmj
>
>

From: Lovely, Brian
Date: Mon, Jul 30 2018 8:47AM
Subject: Re: [External Sender] Checkbox related issue
← Previous message | Next message →

Kakarla said: this warning dialogs are not accessible with keyboard.
What need to do?

Do the warning dialogs have any actionable elements in them (buttons, for instance), or are they just text?

The information contained in this e-mail is confidential and/or proprietary to Capital One and/or its affiliates and may only be used solely in performance of work or services for Capital One. The information transmitted herewith is intended only for use by the individual or entity to which it is addressed. If the reader of this message is not the intended recipient, you are hereby notified that any review, retransmission, dissemination, distribution, copying or other use of, or taking of any action in reliance upon this information is strictly prohibited. If you have received this communication in error, please contact the sender and delete the material from your computer.

From: Kakarla Meharoon
Date: Tue, Jul 31 2018 12:40AM
Subject: Re: Checkbox related issue
← Previous message | Next message →

Hi,

Yes these warning dialogs are not accessible with keyboard.
and these are warning icons here css is missed thats the reason we can see
the "Opens a popup" instead of warning icon,

From: Lovely, Brian
Date: Tue, Jul 31 2018 5:52AM
Subject: Re: [External Sender] Checkbox related issue
← Previous message | Next message →

If the warnings are pure text they can be provided with role="alert" so they announce. If there is an interactive element in them, like a close button, focus will have to be shifted to them when they open, then restored to the triggering element when the warning is dismissed.

-----Original Message-----
From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of Kakarla Meharoon
Sent: Tuesday, July 31, 2018 2:41 AM
To: = EMAIL ADDRESS REMOVED =
Subject: [External Sender] Re: [WebAIM] Checkbox related issue

Hi,

Yes these warning dialogs are not accessible with keyboard.
and these are warning icons here css is missed thats the reason we can see the "Opens a popup" instead of warning icon, The information contained in this e-mail is confidential and/or proprietary to Capital One and/or its affiliates and may only be used solely in performance of work or services for Capital One. The information transmitted herewith is intended only for use by the individual or entity to which it is addressed. If the reader of this message is not the intended recipient, you are hereby notified that any review, retransmission, dissemination, distribution, copying or other use of, or taking of any action in reliance upon this information is strictly prohibited. If you have received this communication in error, please contact the sender and delete the material from your computer.

From: Kakarla Meharoon
Date: Tue, Jul 31 2018 6:25AM
Subject: Re: Checkbox related issue
← Previous message | Next message →

But here problem is the warning icons which contains some information and
close X button is present besides the checkbox.
Weather we have to provide keyboard focus to the warning icon ?
How screen reader will read like checkbox and followed by name and warning
dialog ?

From: Lovely, Brian
Date: Tue, Jul 31 2018 6:35AM
Subject: Re: [External Sender] Checkbox related issue
← Previous message | Next message →

My first question is why would selecting a checkbox open a popup; that seems like a weird user experience that goes counter to expectations. Assuming we are stuck with that, don't add an image to the focus order. You can just make the warning icon a background image or an inline image with an alt attribute set to a null value (alt=""), then add a span to the checkbox label, containing the text "opens a popup" and hidden visually with CSS clipping. Or simply add a single visible instruction before the checkboxes that says something like "checkboxes open a popup".

-----Original Message-----
From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of Kakarla Meharoon
Sent: Tuesday, July 31, 2018 8:25 AM
To: = EMAIL ADDRESS REMOVED =
Subject: [External Sender] Re: [WebAIM] Checkbox related issue

But here problem is the warning icons which contains some information and close X button is present besides the checkbox.
Weather we have to provide keyboard focus to the warning icon ?
How screen reader will read like checkbox and followed by name and warning dialog ?
The information contained in this e-mail is confidential and/or proprietary to Capital One and/or its affiliates and may only be used solely in performance of work or services for Capital One. The information transmitted herewith is intended only for use by the individual or entity to which it is addressed. If the reader of this message is not the intended recipient, you are hereby notified that any review, retransmission, dissemination, distribution, copying or other use of, or taking of any action in reliance upon this information is strictly prohibited. If you have received this communication in error, please contact the sender and delete the material from your computer.

From: Kakarla Meharoon
Date: Tue, Jul 31 2018 6:42AM
Subject: Re: Checkbox related issue
← Previous message | Next message →

By selecting the checkbox popup will not trigger, with mouse we can see
that warning dialog.

From: Lovely, Brian
Date: Tue, Jul 31 2018 6:44AM
Subject: Re: [External Sender] Checkbox related issue
← Previous message | Next message →

Make sure that all actions can be performed by the keyboard alone as well as the mouse.

-----Original Message-----
From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of Kakarla Meharoon
Sent: Tuesday, July 31, 2018 8:43 AM
To: = EMAIL ADDRESS REMOVED =
Subject: [External Sender] Re: [WebAIM] Checkbox related issue

By selecting the checkbox popup will not trigger, with mouse we can see that warning dialog.
The information contained in this e-mail is confidential and/or proprietary to Capital One and/or its affiliates and may only be used solely in performance of work or services for Capital One. The information transmitted herewith is intended only for use by the individual or entity to which it is addressed. If the reader of this message is not the intended recipient, you are hereby notified that any review, retransmission, dissemination, distribution, copying or other use of, or taking of any action in reliance upon this information is strictly prohibited. If you have received this communication in error, please contact the sender and delete the material from your computer.

From: glen walker
Date: Tue, Jul 31 2018 6:49AM
Subject: Re: [External Sender]Checkbox related issue
← Previous message | Next message →

You have a checkbox where you can hover with the mouse and a dialog
appears? Is the "dialog" really more like a big tooltip?

I'm still having trouble picturing what is going on.


> By selecting the checkbox popup will not trigger, with mouse we can see
> that warning dialog.
>

From: Kakarla Meharoon
Date: Tue, Jul 31 2018 7:34AM
Subject: Re: Checkbox related issue
← Previous message | No next message

Hi Glen,

Is it looks like checkbox beside that warning icon and label text.