/selectbox-keyboard-accessibility-hack

Selectbox keyboard accessibility hack demo -

Primary LanguageJavaScriptGNU General Public License v3.0GPL-3.0

selectbox-keyboard-accessibility-hack

Hacking away at making a dropdown select-box behave on desktop similarly to the native chrome one.

Using only pure ES6 (For fun).

Demo

https://benbowes.github.io/selectbox-keyboard-accessibility-hack

Device tests

Destop browsers

  • ✅ Chrome latest
  • ✅ Safari latest
  • ✅ Firefox latest
  • ✅ IE 11.

Android

  • ✅ Nexus 5 - Android 4.4 (Chrome)
  • ✅ Samsung Galaxy S3 - Android 4 (Native)

iPhone

  • ✅ iPhone 6+ - iOS 9 (Safari)
  • ✅ iPhone 5 - iOS 6 (Safari)

iPad

  • ✅ iPad Pro - iOS 10
  • ✅ iPad Air 2 - iOS 9.3
  • ✅ iPad Mini - iOS 7
  • ✅ iPad 3 - iOS 6
  • ❌ iPad 3 - iOS 5.1
  • ❌ iPad 2 - iOS 5