Hello, @steemmonsters, @aggroed, @yabapmatt.

I'm trying to get into Steem Monsters, but I'm a visually impaired screen reader user and am having issues with the "My Collection" page on the site (I just checked, and the same issues are present in the market too). I've described my struggle in this post, but basically, to make a long story short, the icons and the card images aren't identified by the screen reader software because they have no text, and they also can't be focused on or activated by using only the keyboard. I believe turning them into links and adding alt text to the images would be the easiest way to solve the issue. Something like:

<a href="#" onclick="the_click_event_handler"><img src="icon_or_card_image.png" alt="Icon text or card name" /></a>

And then maybe use some CSS to visually hide the fact that it's a link (text decorations, cursor pointer etc.). If changing the icons to links isn't possible, adding 'role="link"' or 'role="button"' to the images would work too, but then they'd also require 'tabindex="0"' to be focusable by keyboard, and would require additional Javascript to check for "Enter" keypresses.

I hope that this simple suggestion gets considered, and that in the future the Steem Monsters site becomes more accessible and friendly to visually impaired users.

Thank you for your time! :)