Scrollspy keyboard access in docs#31578
Conversation
ffoodd
force-pushed
the
main-fod-docs-scrollspy
branch
from
5710803 to
3bda47e
Compare
|
@patrickhlauke LGTY? |
| When successfully implemented, your nav or list group will update accordingly, moving the `.active` class from one item to the next based on their associated targets. | ||
|
|
||
| {{< callout >}} | ||
| ### Spying on elements other than the `<body>` |
There was a problem hiding this comment.
I'd say this is more a quick tip on "Scrollable containers" - not specific to spying
There was a problem hiding this comment.
My understanding is:
- if you're not spying
body, you'll have a scrollable container, - if we mention "scrollable containers",
bodyis concerned.
I'm not sure how I should reword this, I may be misunderstanding both words and concepts here.
patrickhlauke
left a comment
patrickhlauke
left a comment
There was a problem hiding this comment.
Apart from the tiny change in heading, it looks good
|
my point is: this isn't about spying per se. the tip is in general about how to make a proper div or whatever that works as a scrollable container and is keyboard accessible. the "spying" bit is incidental. (and i don't think that this would confuse folks with |
ffoodd
force-pushed
the
main-fod-docs-scrollspy
branch
from
0c45500 to
ac5bb49
Compare
|
@patrickhlauke I reworded things a bit. Is that better? |
|
|
3 participants
Mention using
tabindex="0"on scrollable areas and apply it in our examples, to ensure keyboard access as stated in axe-core and explained by Heydon Pickering in its inclusive components (eg. "Content Slider").