lashkari

This is a really cool idea!

If you don't mind a little feedback:

- It took me a lot longer than it should have to figure out how to click into an item on the results list; I instinctually clicked on the card and then the photo of the item, assumed that they weren't clickable, then accidentally clicked into one before realizing that only the name of the item is linked. The grid cards on the main homepage don't have this issue.

- The visual design of the Child/Adult radio group makes me think that the white item is selected, but I'm pretty sure it's the black one (based on the fact that the Medium ratings turn to High when Child is rendered black). It's clear enough in the filter at the top that the item rendered black is the one selected, but it wasn't clear to me in the radio group.

If it's really accessible from *.google.com, wouldn't this be simple to verify/exploit by using Google Sites (they publish your site to sites.google.com/view/<sitename>)?

We made drag-and-drop interfaces accessible by allowing users to TAB through the original list, press ENTER on the item they want to move, then use the arrow keys to move the item and press ENTER again when done (or ESC to cancel). After each move, the item's current position, and any necessary local context, was announced via `aria-live` region.

There are other ways that this can be accomplished with even fewer keystrokes, so I can't imagine a scenario where drag-and-drop interfaces would have to be avoided because they couldn't be made meaningfully accessible.

It helps to reframe your thoughts on accessibility as a subset of user experience (UX). Putting aside any potential moral argument, how important is UX to your business/project?

When accessibility is thought about and incorporated ahead of time, your overall user experience tends to be better. This is sometimes referred to as Universal Design.

I managed a project where we implemented a UI redesign for our existing enterprise SaaS software and we "went the extra mile" to not just make the experience accessible but to make that experience pleasant for our users with disabilities. In the end, some of the features -- especially around keyboard navigation -- that came out of that accessibility work were considered the best part of the redesign to our users.

Heads up: I opened this link in a new tab and it immediately started playing a very loud, constant tone.

If you're wearing headphones or have your speakers turned up, be careful!