Back

Perhaps that is an unwarranted prejudice. The BBC are generally pretty good with their #a11y practice though.

Any thoughts from @yatil, @SteveFaulkner, @siblingpastry. @tink, @joelanman or anyone else?

I'm thinking in a design critique kind of a way. Keep it constructive and positive.

My first thought would be:

This works wee visually on mobile portrait orientation. But the table could do with a caption.

Fair enough @yatil

@tink @se_davidobrien @yatil @SteveFaulkner @siblingpastry a really lovely detail here is that at small screen sizes, the team names become hand written shorter versions (Wolverhampton Wanderers > Wolves). That helps overcome a problem with this pattern where frozen columns take up too much screen space

@joelanman @tink @se_davidobrien @yatil @SteveFaulkner Looks good to me, really simple too, seems like all they're doing is using position:sticky on the row headers, hooked by horizontal scrolling. Probably a bit more complex than that, but that's the basic approach, which has no impact on the acc tree as far as I can tell. It's slick, I'm impressed.

@tink @se_davidobrien @yatil @SteveFaulkner @siblingpastry my main concern with any sticky elements is at high zoom levels they can obscure other content

@joelanman @tink @se_davidobrien @yatil @SteveFaulkner Yeah they can, sticky positioning has to be used carefully. It's not a problem in this case, because the only content they can overlap is designed to handle that. It does suffer a little bit from lack of space at 400% zoom, but it remains readable (row header + 3 data columns remain visible in one view)

Thanks all. Some really good insights.

@siblingpastry @joelanman @tink @yatil @SteveFaulkner