From 9249b779de074e644c3dbf59184cc52bf6483731 Mon Sep 17 00:00:00 2001
From: Vlastimil Fiser <email@vlastimilfiser.com>
Date: Mon, 22 Feb 2021 18:14:40 +0100
Subject: [PATCH] Add support for accessibility for custom dots

In accessibility the order is important so we need to have the role assigned on <li> element because it's not touchable from current API (I can touch wrap or add element inside of <li>). https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Listitem_role
---
 src/dots.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/dots.js b/src/dots.js
index 93520cbd7..fd006ca10 100644
--- a/src/dots.js
+++ b/src/dots.js
@@ -70,7 +70,7 @@ export class Dots extends React.PureComponent {
 
       let onClick = this.clickHandler.bind(this, dotOptions);
       dots = dots.concat(
-        <li key={i} className={className}>
+        <li key={i} className={className} role="listitem">
           {React.cloneElement(this.props.customPaging(i), { onClick })}
         </li>
       );