Accessibility support?

[rahul-desai3]

I am using module react-a11y to test my app for accessibility. It is throwing following 2 errors multiple times after I integrated module react-notification-system and the notification is shown in the UI:

You have a click handler on a non-interactive element but no `tabIndex` DOM property. The element will not be navigable or interactive by keyboard users. http://www.w3.org/TR/wai-aria-practices/#focus_tabindex

You have a click handler on a non-interactive element but no `role` DOM property. It will be unclear what this element is supposed to do to a screen-reader user. http://www.w3.org/TR/wai-aria/roles#role_definitions

I tried to do the following but it didn't help:

<Notifications
  notifications={notifications}
  role="contentInfo"
  tabIndex="0"
/>

Any pointers?

Note: I am using react-notification-system-redux module as the wrapper for react-notification-system