The record button is not accessible with screen reader.
Closed this issue · 2 comments
chigkim commented
Hi,
It looks like the record button is not accessible with screen readers.
The problems are:
- It seems clicking the svg element triggers the recording.
- The element has aria-hidden="true" which means telling assistive technology such as screen reader to ignore the element.
- The element also has focusable="false" which prevents users from focusing on the element with keyboard like tab/shift+tab and press enter/space to activate.
If I do this, it works.
- remove aria-hidden attribute.
- set focusable="true".
- Add role="button".
- Add aria-label="Record".
Could you investigate?
Thanks so much!
Joooohan commented
Hello, I have added a proper button element which is focusable and has an aria-label. I will release it in 0.0.10.
Joooohan commented
I have released 0.0.10.