mozilla / bedrock

Making mozilla.org awesome, one pebble at a time
https://www.mozilla.org
Mozilla Public License 2.0
1.18k stars 919 forks source link

Refresh: Home - improve accessability of springboard #15529

Open stephaniehobson opened 5 days ago

stephaniehobson commented 5 days ago

There doesn't seem to be consensus on the best way to handle a clickable row from an accessibility perspective but what we have right now is probably the worst way to do it.

The springboard should probably go back to being a table with a link on the media "preview". The row-hover effect can be achieved with the :after element hack described here:

https://adrianroselli.com/2020/02/block-links-cards-clickable-regions-etc.html

More research might be valuable before committing to this direction - OTOH this is the direction already in use for the gallery items.