Official React component for Filestack - API and content management system that makes it easy to add powerful file uploading and transformation capabilities to any web or mobile application.
This renders the picker, and works as expected, generally. There are a few accessibility errors we're noticing, though. I don't see any way to override this behavior, so I thought I would open up an issue.
None of the buttons highlighted in the image below are accessible by keyboard. Additionally, they are lacking labels and in some cases roles, which makes them hard to use with a screen reader.
The dropzone itself never registers as being "active", when you tab into it.
This:
Versus the expected (achieved by manually giving that element focus):
The file upload input item doesn't have a valid label. Possible solutions, fix any of the following:
provide aria-label attribute
provide aria-labelledby attribute that references a valid element
Add an implicit (wrapped)
Add an explicit
add title attribute
Thanks for all your work on this tool, and thanks in advance for considering this issue. Please let me know if you need more information or if there's something I've missed in my setup.
Hi, I'm using version 3.2 of filestack-react, with this configuration:
This renders the picker, and works as expected, generally. There are a few accessibility errors we're noticing, though. I don't see any way to override this behavior, so I thought I would open up an issue.
None of the buttons highlighted in the image below are accessible by keyboard. Additionally, they are lacking labels and in some cases roles, which makes them hard to use with a screen reader.
The dropzone itself never registers as being "active", when you tab into it. This:
Versus the expected (achieved by manually giving that element focus):
![image](https://user-images.githubusercontent.com/1276798/104365840-82498680-54e6-11eb-9d12-45eedc67c0af.png)
The file upload input item doesn't have a valid label. Possible solutions, fix any of the following:
Thanks for all your work on this tool, and thanks in advance for considering this issue. Please let me know if you need more information or if there's something I've missed in my setup.