Give file upload area focus

[loretod]

Greetings! This tool is amazing and great remix of the original. I'm working on a Makecode Arcade curriculum around adaptive gaming and making resources so that students with disabilities will be able to code as well. I am able to access almost all of the page elements using keyboard nav EXCEPT for the file upload area. It never seems to get keyboard focus. I'm attaching a screenshot of what I think (?) is the element that needs focus.

Would you be able to add this feature? Also, can I record a video of how to use it and share with fellow educators?

Thank you so much for this project!

[johnmcfarlane]

Hi. So glad you've found this useful. @mieslep videcoded this a while ago, so I'm not sure how easy it would be to fix. We'll be back at Coder Dojo in about a month and can look at it then.

Also, can I record a video of how to use it and share with fellow educators?

Certainly!

[loretod]

Thanks so much @johnmcfarlane for taking a look. I think there are multiple ways for making this area keyboard accessible starting with simple adding tabindex, role, and aria label to the div and some light javascript and css edits to more complex and robust solutions to support assistive tech.

I know everyone is busy so whatever you have time for is most appreciated. Thanks again for making such a great tool.