Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Accessibility with tabs

See original GitHub issue

The input element prevents the user from tabbing through a form, which is problematic for accessibility. Glancing at the code, I think this is coming from:

allowTyping (event) {
  if (!this.typeable) {
    event.preventDefault()
    return false
  }
  return true
},

(DateInput.vue)

which is triggered on keydown from the input element. I’m not sure of the consequences of this, but perhaps we could skip the body of the function if the key code is 9.

Related to this, I suspect it would also be appropriate to close the calendar whenever tab is pressed. That involves adding a line to parseTypedDate.

Issue Analytics

State:
Created 5 years ago
Reactions:8
Comments:6 (1 by maintainers)

Top GitHub Comments

3reactions

ershwetabansalcommented, Oct 15, 2018

@whossname The tabbing issue seems to be resolved in 1.5.3. But considering accessibility, I would think that we should also open the calendar on pressing enter key while input box is focused. Do we have any way to do that currently?

1reaction

tuan-buicommented, Oct 3, 2019

Anyone happen to be looking into adding in tabbing for accessibility, specifically for the day picker?