WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: angular material datepicker and accessibility

for

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

From: westbchris@gmail.com
Date: Thu, Dec 27 2018 5:59PM
Subject: angular material datepicker and accessibility
No previous message | Next message →

IS anyone here familiar with the angular material datepicker in the angular
framework? I am attempting to use it in my application, and it works fine
when opened once but on subsequent opens neither Jaws nor nvda will set
focus to it. I am blind and sighted people tell me they are working fine.
The sample on the angular material page works fine, but there is no
documentation that mentions this in accessibility specifically. I'm not sure
how to determine what is going on.

From: Mohith BP
Date: Thu, Dec 27 2018 9:18PM
Subject: Re: angular material datepicker and accessibility
← Previous message | Next message →

Hi,

Do you have any sample implementation to check?

Thanks & Regards,
Mohith B. P.

On 12/28/18, = EMAIL ADDRESS REMOVED = < = EMAIL ADDRESS REMOVED = > wrote:
> IS anyone here familiar with the angular material datepicker in the angular
> framework? I am attempting to use it in my application, and it works fine
> when opened once but on subsequent opens neither Jaws nor nvda will set
> focus to it. I am blind and sighted people tell me they are working fine.
> The sample on the angular material page works fine, but there is no
> documentation that mentions this in accessibility specifically. I'm not
> sure
> how to determine what is going on.
>
> > > > >

From: westbchris@gmail.com
Date: Fri, Dec 28 2018 5:51AM
Subject: Re: angular material datepicker and accessibility
← Previous message | Next message →

Yes, I just managed to get this published on azure. The form is at
https://timeofftracker20181228072251.azurewebsites.net/requests/add
It won't add anything yet but you should be able to see the issue I am
seeing with the angular material datepicker. Not sure if this is a bug with
the datepicker or my code.

-----Original Message-----
From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of
Mohith BP
Sent: Thursday, December 27, 2018 11:18 PM
To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
Subject: Re: [WebAIM] angular material datepicker and accessibility

Hi,

Do you have any sample implementation to check?

Thanks & Regards,
Mohith B. P.

On 12/28/18, = EMAIL ADDRESS REMOVED = < = EMAIL ADDRESS REMOVED = > wrote:
> IS anyone here familiar with the angular material datepicker in the
> angular framework? I am attempting to use it in my application, and it
> works fine when opened once but on subsequent opens neither Jaws nor
> nvda will set focus to it. I am blind and sighted people tell me they are
working fine.
> The sample on the angular material page works fine, but there is no
> documentation that mentions this in accessibility specifically. I'm
> not sure how to determine what is going on.
>
> > > archives at http://webaim.org/discussion/archives
> >
http://webaim.org/discussion/archives

From: glen walker
Date: Tue, Jan 01 2019 10:49AM
Subject: Re: angular material datepicker and accessibility
← Previous message | Next message →

I tried your azure example with NVDA on firefox and was able to open the
datepicker several times and each time the focus was moved into the picker.

On Fri, Dec 28, 2018 at 5:51 AM < = EMAIL ADDRESS REMOVED = > wrote:

> Yes, I just managed to get this published on azure. The form is at
> https://timeofftracker20181228072251.azurewebsites.net/requests/add
> It won't add anything yet but you should be able to see the issue I am
> seeing with the angular material datepicker. Not sure if this is a bug with
> the datepicker or my code.
>
>

From: Jonathan Cohn
Date: Sun, Dec 30 2018 1:15PM
Subject: Re: angular material datepicker and accessibility
← Previous message | Next message →

<html><head></head><body dir=3D"auto" style=3D"word-wrap: break-word; =
-webkit-nbsp-mode: space; line-break: after-white-space;"><meta =
http-equiv=3D"Content-Type" content=3D"text/html; charset=3Dus-ascii"><div=
style=3D"word-wrap: break-word; -webkit-nbsp-mode: space; line-break: =
after-white-space;" class=3D"">Verify that it is not a issue with your =
browser. Sorry, I started once to try and understand accessibility and =
angular, but I keep finding more pressing issues.<br class=3D""><div =
class=3D"">
<div style=3D"color: rgb(0, 0, 0); letter-spacing: normal; text-align: =
start; text-indent: 0px; text-transform: none; white-space: normal; =
word-spacing: 0px; -webkit-text-stroke-width: 0px; word-wrap: =
break-word; -webkit-nbsp-mode: space; -webkit-line-break: =
after-white-space;" class=3D""><div style=3D"color: rgb(0, 0, 0); =
letter-spacing: normal; text-align: start; text-indent: 0px; =
text-transform: none; white-space: normal; word-spacing: 0px; =
-webkit-text-stroke-width: 0px; word-wrap: break-word; =
-webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" =
class=3D""><span class=3D"Apple-tab-span" style=3D"white-space: pre;"> =
</span>Best wishes,<br class=3D""><br class=3D"">Jonathan Cohn<br =
class=3D""><br class=3D""><br class=3D""></div></div>
</div>
<div><br class=3D""><blockquote type=3D"cite" class=3D""><div =
class=3D"">On Dec 27, 2018, at 7:59 PM, &lt;<a =
href=3D"mailto: = EMAIL ADDRESS REMOVED = " =
class=3D""> = EMAIL ADDRESS REMOVED = </a>&gt; &lt;<a =
href=3D"mailto: = EMAIL ADDRESS REMOVED = " =
class=3D""> = EMAIL ADDRESS REMOVED = </a>&gt; wrote:</div><br =
class=3D"Apple-interchange-newline"><div class=3D""><div class=3D"">IS =
anyone here familiar with the angular material datepicker in the =
angular<br class=3D"">framework? I am attempting to use it in my =
application, and it works fine<br class=3D"">when opened once but on =
subsequent opens neither Jaws nor nvda will set<br class=3D"">focus to =
it. I am blind and sighted people tell me they are working fine.<br =
class=3D"">The sample on the angular material page works fine, but there =
is no<br class=3D"">documentation that mentions this in accessibility =
specifically. I'm not sure<br class=3D"">how to determine what is going =
on.<br class=3D""><br =
class=3D"">class=3D"">href=3D"http://list.webaim.org/" class=3D"">http://list.webaim.org/<;/a><br=
class=3D"">List archives at <a =
href=3D"http://webaim.org/discussion/archives" =
class=3D"">http://webaim.org/discussion/archives<;/a><br class=3D"">Address=
list messages to <a href=3D"mailto: = EMAIL ADDRESS REMOVED = " =
class=3D""> = EMAIL ADDRESS REMOVED = </a><br =
class=3D""></div></div></blockquote></div><br =
class=3D""></div></body></html>=

From: westbchris@gmail.com
Date: Tue, Jan 01 2019 6:32PM
Subject: Re: angular material datepicker and accessibility
← Previous message | Next message →

Wow interesting. You are correct it works great for me in firefox but not as
well in chrome. I had been using chrome because Jaws gets confused with
firefox and the virtual cursor all the time. I wish nvda read better in
visual studio so I could just use one screen reader, but I suppose that is
another topic. I didn't realize the accessibility experiences would be so
drastically different.

-----Original Message-----
From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of glen
walker
Sent: Tuesday, January 1, 2019 12:49 PM
To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
Subject: Re: [WebAIM] angular material datepicker and accessibility

I tried your azure example with NVDA on firefox and was able to open the
datepicker several times and each time the focus was moved into the picker.

On Fri, Dec 28, 2018 at 5:51 AM < = EMAIL ADDRESS REMOVED = > wrote:

> Yes, I just managed to get this published on azure. The form is at
> https://timeofftracker20181228072251.azurewebsites.net/requests/add
> It won't add anything yet but you should be able to see the issue I am
> seeing with the angular material datepicker. Not sure if this is a bug
> with the datepicker or my code.
>
>
http://webaim.org/discussion/archives

From: Mohith BP
Date: Tue, Jan 01 2019 9:48PM
Subject: Re: angular material datepicker and accessibility
← Previous message | No next message

The focus was not setting on the dates on the subsequent opening of
the calendar with JAWS 16 and Firefox latest.


On 1/2/19, = EMAIL ADDRESS REMOVED = < = EMAIL ADDRESS REMOVED = > wrote:
> Wow interesting. You are correct it works great for me in firefox but not
> as
> well in chrome. I had been using chrome because Jaws gets confused with
> firefox and the virtual cursor all the time. I wish nvda read better in
> visual studio so I could just use one screen reader, but I suppose that is
> another topic. I didn't realize the accessibility experiences would be so
> drastically different.
>
> -----Original Message-----
> From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of glen
> walker
> Sent: Tuesday, January 1, 2019 12:49 PM
> To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
> Subject: Re: [WebAIM] angular material datepicker and accessibility
>
> I tried your azure example with NVDA on firefox and was able to open the
> datepicker several times and each time the focus was moved into the picker.
>
> On Fri, Dec 28, 2018 at 5:51 AM < = EMAIL ADDRESS REMOVED = > wrote:
>
>> Yes, I just managed to get this published on azure. The form is at
>> https://timeofftracker20181228072251.azurewebsites.net/requests/add
>> It won't add anything yet but you should be able to see the issue I am
>> seeing with the angular material datepicker. Not sure if this is a bug
>> with the datepicker or my code.
>>
>>
> > > http://webaim.org/discussion/archives
> >
> > > > >