search

pik-gane / vodle

We develop an interactive, consensus-oriented group decision app
https://twitter.com/vodle_it
GNU Affero General Public License v3.0
25 stars 16 forks source link

meet common accessibility standards #65

Open mensch72 opened 2 years ago

mensch72 commented 2 years ago

Make sure common accessibility standards are fulfilled, like working well with screen readers, increased contrast, enlarged font size, not relying on red/green distinction, etc. Because we use advanced GUI elements such as date pickers and sliders, this might be hard and might require offering a "simplified" version with less complex elements.

adrian-lison commented 2 years ago

Here I would prioritize/focus on the voting first, since this will have the largest number/diversity of users and use contexts (e.g. mobile voting). Setting up a poll or changing general settings is less important than voting in terms of accessibility.

mensch72 commented 2 years ago

maybe we can make use of ARIA here? https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA

mensch72 commented 1 year ago

Based on feedback from a visually impaired user, I made sure that almost everywhere the correct lang atrribute is present in all HTML and SVG elements.

The only exception are highly composed text parts where the poll title or option name appear inside a sentence. These are currently composed by passing the title or name as parameters into the translate queue, and it is not obvious how to then insert the lang attribute into the translated sentence in the appropriate place.

mensch72 commented 1 year ago

here's another resource: https://www.optasy.com/blog/writing-html-code-screen-readers-6-best-practices