feat(glider.js): add aria-disabled attribute (#149)

* feat(glider.js): add aria-disabled attribute better usability with screen reader * fix(glider.js): use ternary instead of if/else
NickPiscitelli · Feb 8, 2021 · f6818fc · f6818fc
1 parent a7662e0
commit f6818fc
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/docs/assets/js/glider.min.js b/docs/assets/js/glider.min.js
diff --git a/glider.js b/glider.js
@@ -262,13 +262,19 @@
           'disabled',
           _.ele.scrollLeft <= 0 || disableArrows
         )
+        _.arrows.prev.classList.contains('disabled')
+          ? _.arrows.prev.setAttribute('aria-disabled', true)
+          : _.arrows.prev.setAttribute('aria-disabled', false)
       }
       if (_.arrows.next) {
         _.arrows.next.classList.toggle(
           'disabled',
           Math.ceil(_.scrollLeft + _.containerWidth) >=
             Math.floor(_.trackWidth) || disableArrows
         )
+        _.arrows.next.classList.contains('disabled')
+          ? _.arrows.next.setAttribute('aria-disabled', true)
+          : _.arrows.next.setAttribute('aria-disabled', false)
       }
     }