Accessibility: Associate label with form control on dashboard filters

[yousoph]

On dashboards, when using a screen reader, the relationship between labels and their form controls is not clear.

How to reproduce the bug

1. Create a dashboard with some filters
2. Use a screen reader on the dashboard filters

Expected results

User can understand the label of the form control using a screen reader https://www.w3.org/TR/WCAG22/#info-and-relationships

Actual results

Label for the filters aren't associated with the controls, so it's hard to understand the context of the filters

Environment

(please complete the following information):

• browser type and version:
• superset version: master
• python version: python --version
• node.js version: node -v
• any feature flags active:

Checklist

Make sure to follow these steps before submitting your issue - thank you!

• [ ] I have checked the superset logs for python stacktraces and included it here as text if there are any.
• [x] I have reproduced the issue with at least the latest released version of superset.
• [x] I have checked the issue tracker for the same issue and I haven't found one similar.

[nicocarlier]

I'll take this one if it's free

[eschutho]

Great, thanks @ncar285!

[geido]

---

🎉 Preset Bounty Available: $100 USD 🎉

To claim this bounty, please carefully follow the steps below.

---

📋 Steps to Participate

1. Review Guidelines:
   Read through the Preset Bounty Program Contribution Guide for complete details on bounty requirements.

2. Show Your Interest:
   Complete the Preset Bounty Program Survey and comment this issue to express your interest.

3. Join the Slack Channel:
   After completing the survey, you’ll receive an invitation to the dedicated Apache Superset Slack channel.

4. Get Assigned:
   To officially start, ensure a Bounty Program Manager has assigned you to this issue.

5. Submit Your Solution:
   When ready, submit your solution with the Fixes #{issue_number} notation in your Pull Request description.

6. Claim Your Bounty:
   Sign up at GitPay.me and submit your solution via: https://gitpay.me/#/task/966

---

💡 Additional Notes

• Only developers assigned by a Bounty Program Manager should start working on this issue to win the bounty.
• Be sure to follow the guide closely to avoid any delays in payment. Please, allow a few days after your PR has been merged for the bounty to be released.

Good luck, and happy coding! 🎉

[sachinks07]

I would like to work on this issue

[alexandrusoare]

I am interested in working on this one