Accessibility issues

[abread]

I've found a few issues regarding accessibility, which are concerning in a project like this that is supposed to be used for elections where any student can participate.

Without further ado, here are the problems I found:

• Language options (not the button to select another language) are out of the tab order.
• Icon buttons are lacking accessible names (the language chooser has no name, and the profile button just has your IST ID from the profile picture).
• Headings don't follow the strict h1-h2-etc. order, making reading difficult. To be clear, the currently applied to the headings are fine (at least for me), but the tag used for said headings has hierarchy semantics that are not being respected.

The first was manually discovered by tabbing through the main page, the others were found using the automated Lighthouse test suite, present in Chromium-based browser's developer tools.

It's probably worthwhile to, apart from fixing these issues, take a careful look in each page's accessibility tree, in order to confirm that all page elements are correctly tagged and organized. This way people requiring assistive technology can vote! Some of these also end up being useful for power users.

[abread]

Regarding the profile button, it probably should include the user's name for it all to be clickable. Not only does it help with usability, but it cleans up the accessibility tree a bit.