search

oruga-ui / oruga

🐛 Oruga is a lightweight library of UI components without any CSS framework dependency
https://oruga-ui.com
MIT License
1.13k stars 172 forks source link

Datepicker improve a11y #357

Open diwic opened 2 years ago

diwic commented 2 years ago

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 commented 2 years ago

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

astagi commented 1 year ago

hey @diwic any update on this task?

diwic commented 1 year ago

bild

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