WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Working with React

for

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

From: JP Jamous
Date: Mon, Feb 19 2018 2:07PM
Subject: Working with React
No previous message | Next message →

I have a web site that is using react and despite that <header> and <footer>
were added, they are not being announced by JAWS in IE or Firefox. I tried
to add through Firebug

<header aria-label="Banner">

</header>

And JAWS was still not stating Banner.



Any idea how can I explain to developers to be able to programmatically
label their regions? I am really stumped.

From: Srinivasu Chakravarthula
Date: Mon, Feb 19 2018 9:24PM
Subject: Re: Working with React
← Previous message | Next message →

Have you read this documentation?
https://reactjs.org/docs/accessibility.html
Hope this may be of some help.
Thanks,
Vasu

Regards,

Srinivasu Chakravarthula - Twitter: http://twitter.com/CSrinivasu/
Website: http://www.srinivasu.org | http://serveominclusion.com

Let's create an inclusive web!

Lead Accessibility Consultant, Informatica


On Tue, Feb 20, 2018 at 2:37 AM, JP Jamous < = EMAIL ADDRESS REMOVED = > wrote:

> I have a web site that is using react and despite that <header> and
> <footer>
> were added, they are not being announced by JAWS in IE or Firefox. I tried
> to add through Firebug
>
> <header aria-label="Banner">
>
> </header>
>
> And JAWS was still not stating Banner.
>
>
>
> Any idea how can I explain to developers to be able to programmatically
> label their regions? I am really stumped.
>
> > > > >

From: JP Jamous
Date: Mon, Feb 19 2018 11:02PM
Subject: Re: Working with React
← Previous message | Next message →

Thank you so much. This was exactly what I was looking for.

-----Original Message-----
From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Srinivasu Chakravarthula
Sent: Monday, February 19, 2018 10:24 PM
To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
Subject: Re: [WebAIM] Working with React

Have you read this documentation?
https://reactjs.org/docs/accessibility.html
Hope this may be of some help.
Thanks,
Vasu

Regards,

Srinivasu Chakravarthula - Twitter: http://twitter.com/CSrinivasu/
Website: http://www.srinivasu.org | http://serveominclusion.com

Let's create an inclusive web!

Lead Accessibility Consultant, Informatica


On Tue, Feb 20, 2018 at 2:37 AM, JP Jamous < = EMAIL ADDRESS REMOVED = > wrote:

> I have a web site that is using react and despite that <header> and
> <footer> were added, they are not being announced by JAWS in IE or
> Firefox. I tried to add through Firebug
>
> <header aria-label="Banner">
>
> </header>
>
> And JAWS was still not stating Banner.
>
>
>
> Any idea how can I explain to developers to be able to
> programmatically label their regions? I am really stumped.
>
> > > archives at http://webaim.org/discussion/archives
> >

From: Joshue O Connor - InterAccess
Date: Tue, Feb 20 2018 2:08AM
Subject: Re: Working with React
← Previous message | No next message

JP Jamous wrote:
> Thank you so much. This was exactly what I was looking for.
+1 thanks for that Srinivasu.

Josh
> -----Original Message-----
> From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Srinivasu Chakravarthula
> Sent: Monday, February 19, 2018 10:24 PM
> To: WebAIM Discussion List< = EMAIL ADDRESS REMOVED = >
> Subject: Re: [WebAIM] Working with React
>
> Have you read this documentation?
> https://reactjs.org/docs/accessibility.html
> Hope this may be of some help.
> Thanks,
> Vasu
>
> Regards,
>
> Srinivasu Chakravarthula - Twitter: http://twitter.com/CSrinivasu/
> Website: http://www.srinivasu.org | http://serveominclusion.com
>
> Let's create an inclusive web!
>
> Lead Accessibility Consultant, Informatica
>
>
> On Tue, Feb 20, 2018 at 2:37 AM, JP Jamous< = EMAIL ADDRESS REMOVED = > wrote:
>
>> I have a web site that is using react and despite that<header> and
>> <footer> were added, they are not being announced by JAWS in IE or
>> Firefox. I tried to add through Firebug
>>
>> <header aria-label="Banner">
>>
>> </header>
>>
>> And JAWS was still not stating Banner.
>>
>>
>>
>> Any idea how can I explain to developers to be able to
>> programmatically label their regions? I am really stumped.
>>
>> >> >> archives at http://webaim.org/discussion/archives
>> >>
> > > >
> > > > --
Joshue O Connor
Director | InterAccess.ie