I’ve recently discovered the <details> element. Although support is limited, it seems pretty interesting.
There’s one major problem though: it isn’t keyboard accessible. In other words, it’s impossible to TAB into the element. It doesn’t seem to receive focus, so it requires a mouse click to reveal the <summary>.
- Is there any way to make this keyboard accessible?
- Is this perhaps just webkit’s faulty implementation or is this the way it is designed?
Demo (webkit only): http://jsfiddle.net/rkq3M/
For this kind of issue, I would recommend raising a bug on the WebKit project page:
https://bugs.webkit.org/
Bear in mind that the details element is new and has yet to be refined, so it is worth getting it fixed in WebKit, rather than trying to polyfill a fix just for your specific implementation.