You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
gitea/templates/repo/issue
Yarden Shoham 0ac3be1482
Improve accessibility for issue comments (#22612) (#23083)
Backport #22612

### Preamble

Gitea is an extremely great and smart solution perfectly suitable for
smaller systems and self-hosted Git-powered setups. However, there is a
group of people who have indredible difficulties in using Gitea,
rendering it useless in many cases. Those people are blind developers
using [screen readers](https://en.wikipedia.org/wiki/Screen_reader).
Unfortunately, the frontend framework is super convoluted, and Go
templates don’t allow accessibility improvements in a straightforward
way. As a blind developer myself, I'm trying to start fixing smaller
accessibility quirks with intention to go deeper and eventually, alone
or not, make Gitea at least mostly accessible for screen reader users.

### What This Fix Does

My blind fellows and me navigate webpages not very similarly to how a
sighted person does it. For instance, we love semantic HTML markup like
headings, lists, tables etc. because our screen readers allow us to jump
by those landmarks with a single keypress.
Currently in Gitea issue comments are not marked up with headings. I'm
trying to fix this by adding an appropriate
[ARIA](https://www.w3.org/WAI/standards-guidelines/aria/) role for
comment header and also by enclosing the comment itself in a semantical
article element.

Co-authored-by: Andre Polykanine <ap@oire.me>
Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com>
Co-authored-by: John Olheiser <john.olheiser@gmail.com>
2 years ago
..
fields Support Issue forms and PR forms (#20987) 3 years ago
labels Refactor hiding-methods, remove jQuery show/hide, remove `.hide` class, remove inline style=display:none (#22950) 2 years ago
view_content Improve accessibility for issue comments (#22612) (#23083) 2 years ago
branch_selector_field.tmpl Refactor hiding-methods, remove jQuery show/hide, remove `.hide` class, remove inline style=display:none (#22950) 2 years ago
choose.tmpl Add main landmark to templates and adjust titles (#22670) 2 years ago
comment_tab.tmpl Use link in UI which returned a relative url but not html_url which contains an absolute url (#21986) 2 years ago
label_precolors.tmpl Fix purple color in suggested label colors (#18241) 3 years ago
labels.tmpl Add main landmark to templates and adjust titles (#22670) 2 years ago
list.tmpl Refactor hiding-methods, remove jQuery show/hide, remove `.hide` class, remove inline style=display:none (#22950) 2 years ago
milestone_issues.tmpl Refactor hiding-methods, remove jQuery show/hide, remove `.hide` class, remove inline style=display:none (#22950) 2 years ago
milestone_new.tmpl Add main landmark to templates and adjust titles (#22670) 2 years ago
milestones.tmpl Move helpers to be prefixed with `gt-` (#22879) 2 years ago
navbar.tmpl Add some headings to repo views (#22869) 2 years ago
new.tmpl Add main landmark to templates and adjust titles (#22670) 2 years ago
new_form.tmpl Refactor hiding-methods, remove jQuery show/hide, remove `.hide` class, remove inline style=display:none (#22950) 2 years ago
openclose.tmpl Move helpers to be prefixed with `gt-` (#22879) 2 years ago
search.tmpl Issues: add Project filter to issues list and search (#22544) 2 years ago
view.tmpl Add main landmark to templates and adjust titles (#22670) 2 years ago
view_content.tmpl Improve accessibility for issue comments (#22612) (#23083) 2 years ago
view_title.tmpl Fix pull request branch selector visible without clicking Edit (#23012) 2 years ago