making kiwix search result screenreader accessible

[kaveinthran]

Using nvda from https://www.nvaccess.org/download/

1. with the screen reader loaded, load the kiwix extension and any zim file
2. press tab until you find the search edit box, and input any query
3. expected result: screen reader should announce results and arrowing up and down should read each result and pressing enter on each result should activate them.
4. actual result: screen reader stay silent and tab and shift+tab did not reach the results i.e. the results are not in tab order.

[Jaifroid]

@kaveinthran Do you know how to fix this?

[mossroy]

It's true that we did not work on accessibility of our app for blind people or partially-sighted users. First step is probably to make tab key browse the search results. Maybe playing with tabIndex attribute would do what we need. So that, when test results are displayed, using tab in the search bar does not put the focus on the next button

[BilalAtique]

I think so every app should be screen-reader accessible. Should I work to make search results accessible for screen readers?

[Jaifroid]

@MuhammadBilalBinAtique Do you have experience with screen readers, and also with HTML/JS development? If so, we welcome help, and please read CONTRIBUTING.md.

[BilalAtique]

@Jaifroid Yes, I have vast experience with HTML/JS development, but not with much with screen readers. If you feel ok, then you can assign it to me.

[Jaifroid]

Thank you! That's fine -- thanks for the offer. I've assigned you.

[BilalAtique]

Thank you! That's fine -- thanks for the offer. I've assigned you.

Thanks