- From: Patrick H. Lauke <redux@splintered.co.uk>
- Date: Tue, 1 Mar 2022 12:15:00 +0000
- To: Steve Green <steve.green@testpartners.co.uk>, "w3c-wai-ig@w3.org" <w3c-wai-ig@w3.org>
On 01/03/2022 11:52, Steve Green wrote: > I forgot to mention that Heydon Pickering's design pattern that I recommended doesn't use JavaScript and it uses very straightforward CSS that works with every browser and assistive technology I have tested. The only exception is Internet Explorer 11 and that's because he has specified sizes in rems. I think that Internet Explorer will work fine too if you change them to ems. There are various gotchas though if you also want to allow things like text selection of card content (which then do involved more CSS acrobatics and possible need for JS). As ever, it depends how much scope you have (in your CMS or delivery platform), how generalised or specific you can make those approaches, etc. I've come across a case recently where an email newsletter wanted to do the whole "image and headline are both links" approach, but because of their need to use tables for minimal layout (to support older email clients and web-based clients that strip out some of the fancier CSS), and the fact that JS wasn't consistently supported on their targets, they needed some failsafe approach. In those limiting circumstances, tabindex="-1" + aria-hidden="true" ended up being a dirty, yes, but viable approach. P -- Patrick H. Lauke https://www.splintered.co.uk/ | https://github.com/patrickhlauke https://flickr.com/photos/redux/ | https://www.deviantart.com/redux twitter: @patrick_h_lauke | skype: patrick_h_lauke
Received on Tuesday, 1 March 2022 12:15:15 UTC