Catalog accessibility indicator updates

ucfopen / Materia

Engage students with easily embedded apps for online courses. Supercharge your course with compelling experiences and game mechanics.

https://ucfopen.github.io/Materia-Docs/

GNU Affero General Public License v3.0

36 stars 34 forks source link

Catalog accessibility indicator updates #1487

Closed clpetersonucf closed 1 year ago

clpetersonucf commented 1 year ago

Splits widget catalog filter options into Features and Accessibility. The options can be displayed separately or in combination, and the filters are applied in aggregate.
Update accessibility UI elements in widget detail pages.
Adds an additional accessibility_description meta_data field to provide additional context about a widget's accessibility status. The indicators are no longer displayed if a widget does not provide accessibility information; the description will simply note that accessibility data is not available.

cayb0rg commented 1 year ago

Widget detail page looks good, accessibility filters work great. Just needs some mobile optimization: the pseudo-elements for Features and Accessibility get overlapped on screen widths < 960px, and accessibility filter completely disappears on screen widths < 720px.

clpetersonucf commented 1 year ago

Updated filter display for responsive screen widths.

cayb0rg commented 1 year ago

If possible, we should keep the labels "Filter by feature" and "Filter by accessibility" after a filter is checked on smaller screen sizes.

Other than that, this looks good to go.

clpetersonucf commented 1 year ago

Improved filter accessibility based on feedback. Merging.