We’re working on making the filters on edX.org vertical and are running into space constraints. What is the best approach to shrinking each checkbox input?
10 minutes
Accessibility considerations for Expandable Input Groups
Harper Wentz
Some of our filtering options on edx.org have as many as 100 options. For example the Partner field could have many Schools and Companies that offer learning products. We want to ask what is the best approach for making these lists accessible?
If we display the partners with the most results (instead of displaying them in alphabetical order) how should we indicate this to screen readers?
In the 2U MFE Studio project there is a task to rewrite this component to React.
And they wanted to use stepper but there is no vertical variant for this. Should we customize stepper component to support vertical variant? Something like this:
