Add HTML ARIA roles

[johanbove]

What's the problem you want solved?

Was looking at the HTML DOM of the Oasis source and I really believe Oasis is probably the most accessible client to access Scuttlebutt. This should be high-lighted more. What we would need is HTML ARIA roles to the HTML elements. Also, a question: why isn't the first div in the header element of content entries an h2 or h3 element? This would make the "reader view" rendering in Firefox better as the header for each content article would come out better.

Is there a solution you'd like to recommend?

I would like to extend the rendered HTML elements with relevant ARIA roles.

[black-puppydog]

Can confirm that replacing div by h2 does help the reader view, even though of course it slightly breaks the current styling.
@johanbove do you have experience with accessibility? Is the reader view a good proxy for this? Seems pretty neat. :)

[johanbove]

Well, we should not just add HTML aria roles and call it a day as is explained in this excellent video by Heydon Pickering: https://briefs.video/videos/what-is-aria-even-for/
What is needed is a review of the used HTML in OASIS and add the ARIA roles whenever we cannot solve it with using semantic HTML.