Datepicker improve a11y

[diwic]

Overview of the problem

Oruga version: 0.5.5 Vuejs version: 2.6 OS/Browser: Ubuntu/Firefox 99.0

Description

Hi! I'm working on improving accessibility and run into something I'm not sure how to fix myself. I'm using Firefox's checker and it errors on "Clickable elements must be focusable and should have interactive semantics", the component being o-ctrl-input.

Steps to reproduce

1. Open https://oruga.io/components/datepicker.html in Firefox.
2. Open Firefox devtools and choose the accessibility tab.
3. Choose to check for all issues

Expected behavior

No errors/warnings

Actual behavior

Many errors/warnings. But the one I don't know how to fix in particular, is the one on o-ctrl-input that says Clickable elements must be focusable and should have interactive semantics.

[jtommy]

@diwic I never saw that error, to be honest. Anyway any improvements about accessibility are welcome

[astagi]

hey @diwic any update on this task?

[diwic]

The error is still there; but it's now on the div.o-drop__trigger element.