WebAIM - Web Accessibility In Mind

E-mail List Archives

conforming alternate version

for

From: glen walker
Date: Oct 19, 2019 1:28PM

I was looking for an example where a conforming alternate version is
provided. If I go to Bloomingdales and view a list of products, for
example coats:

https://www.bloomingdales.com/shop/mens/coats-jackets?id=11548&cm_sp=NAVIGATION-_-TOP_NAV-_-11548-Clothing-Coats-%26-Jackets

If you mouse hover over a product, it shows you the back of the coat.
Using a keyboard, there's no way to see the back view. However, there's a
"quick view" button that's accessible from the keyboard that displays a
dialog that allows you to view the back of the coat using the keyboard.
Ignoring the other a11y issues in that dialog, would this be considered a
conforming alternate version?

It seems to satisfy the definition of conforming alternate version -
https://www.w3.org/TR/WCAG21/#dfn-conforming-alternate-version

In this situation, I'm not talking about a completely separate conforming
page for the product listing. It's just a conforming alternative just for
the "view back of coat" feature.

This is just an educational exercise. I'm not endorsing using conforming
alternatives. I'm just curious if this one satisfies.

If you wanted to fix this problem directly on the product listing page,
would you recommend a separate button for "see back of coat", or simply a
toggle button for view front/back? Or maybe follow the mouse hover
paradigm and show the back of the coat when the image receives focus and
show the front when it doesn't have focus. I suppose either is acceptable
and a design/usability question.

(Note that there's a keyboard trap on the product listing page. You can't
tab to the 2nd or remaining products in the list so hopefully you like the
first product on the page.)