WebAIM - Web Accessibility In Mind

E-mail List Archives

Role Application issue

for

From: Nikhil Mittal
Date: Jun 21, 2018 6:54AM

Hello All,

We are facing issue regarding accessibility for role="application".

We have 2 widgets one is a complex widget for which we need to provide role
application as widget has its own complex keyboard handling and another is
navigator(similar to toolbar)

Now when body has the focus and user press down arrow the complex widget is
skipped and arrow keys goes to the navigator.

The HTML is something similar to as specified below.

<body> <div class="appArea" role="application"> .......//Complex widgets
</div> <div class="toolbar"> ......//Buttons, dropdowns </div> </body>
Our complex widget is designed in such a way that it captures keys on body
and consumes it. So as per our requirement if focus is on body the keys
should reach our complex widget.

Providing role application on body revokes us the default functionality
that is provided by screen reader for dialogs and toolbar.

I have created a dummy implementation of our application at
https://roleapplication.herokuapp.com/index.html

Also same question has been posted at following stackoverflow link in case
more details are required -
https://stackoverflow.com/questions/50798108/accessibility-role-application

Any help will be appreciated as we have spent days tackling this probelm.

--
Thanks & Regards
Nikhil Mittal