Itch.io App user selection screen elements invisible / obfuscated to Screenreaders

[ideamonster]

The Itch.io app used to work okay with screenreaders but the startup screen in which you select the user to log in makes it almost impossible for blind players to use. It will select the user button eventually, after pressing down a lot of times, but even then the user doesn't know what they're supposed to do or that they are on a button. Tab does not select any elements although it does after you login, so the behavior is inconsistent. Listing all elements also shows an empty list.

With NVDA, opening the app and pressing down repeatedly, it reads:

• Itch
• Itch
• Document empty (sometimes, when tabbing back in)
• Clickable
• Clickable
• Clickable
• Unlabeled Graphic
• User name (<--- now the button is selected)

I suggest using the same type of links / elements as Explore, Library, Collections, etc. are in the left sidebar of the app. These can be targeted via tab and element list.

Edit: I tried on Windows (NVDA) and Linux (System TTS)

[leafo]

There were a lot of instances where clickable elements in the app were not using semantic HTML elements, like button or a. I've done an audit of the app and migrated many of these elements to be proper buttons. This means that standard tab based keyboard navigation should work. This will be included in the next release, thanks for the report.