Ancestors

Toot

Written by Heather Migliorisi on 2024-12-10 at 00:04

Oof. Looks like a bunch a major retailers are ignoring basic reflow (wcag 1.4.10 AA) requirements. Amazon doesn’t bother, Walmart looks like a mess…so much for finding irl examples to point to for good responsive cart patterns here.

I can’t believe it’s so user hostile that it’s either, use our app or suffer the consequences of a horrible experience. 🫠

What ever happened to mobile-first…?!

[#]a11y #accessibility

=> More informations about this toot | More toots from hmig@front-end.social

Descendants

Written by Amelia Bellamy-Royds on 2024-12-10 at 02:40

@hmig I suspect those sites might have user-agent detection that swaps to a mobile version of the site. Which doesn't help someone on desktop with high zoom. ☹️

Or are you using text-only zoom, which doesn't simulate mobile?

I tried some Shopify-based sites, and they're OK with browser zoom. Text reflows without clipping, although the cart layout is still 3 columns, so wrapping gets absurd. But scaling with min-font-size or text-only scaling is much worse! Media queries must all use px, not em.

=> View attached media | View attached media

=> More informations about this toot | More toots from AmeliaBR@front-end.social

Written by Heather Migliorisi on 2024-12-10 at 14:32

@AmeliaBR - yea - I’m looking at the reflow sc, so

a starting viewport width of 1280 CSS pixels wide at 400% zoom and it should not have horizontal scrolling. It’s not really about mobile, but the old ways of mobile-first responsive design automatically addressed this.

I’m looking at sites folks reference (in work meetings) and Amazon’s site doesn’t even try to deal, walmart looks busted, etc.

Not a great look for these companies.

=> More informations about this toot | More toots from hmig@front-end.social