Improve accessibility

Accessibility in FeatureBase is already better than most competitors !
A few very simple fixes can be made to improve FeatureBase accessibility for people using FeatureBase with Assistive technologies.
Here is some feedback from our users who are visually impaired and use screen readers (e.g. Voiceover) to navigate on Featurebase.

Aria Labels

Add aria-labels to buttons who only have icons so that screen readers can read the content to the users.

<!-- Using aria-label -->
<button aria-label="Add media">
  <MediaIcon/>
</button>

This would be particularly useful in the icon buttons for creating comments (add media, bold, italic, heading…) and also for the ‘number of upvotes’ button in the main feedback component.
Aria-labels should be localized so that the screen reader can read them in the user’s language. A French screen-reader reading English aria-labels is a nightmare :)

All Buttons should be focusable

The four buttons after “How important is this to you?” are not focusable making them impossible to interact with with a screen reader !

Aria-hidden on decorative icons

For example the author’s icon on the left of the author’s name is currently read by screen readers. (e.g. “29879824109hfaljs89.png”) which isn’t very helpful.
Same thing for the “empty comment section” image, it would be better just to have “No one has commented yet”.

Use headings to cut a page into different sections

Screen-reader users almost always traverse the page using the headers (h1, h2, h3…) allowing them to navigate faster. You already do this really well, but I add it just for info.

Other ideas

There are other features which would be nice, but might take longer to add and are less important to us at the moment, such as allowing users and admins to describe an image with alt-text. Perhaps another request could be filed for that one.