adg icon indicating copy to clipboard operation
adg copied to clipboard

Code example for visually hidden elements isn’t cross-browser compatible

Open AndreasMoesch opened this issue 5 years ago • 4 comments

In the chapter about visually hiding elements the second code example should illustrate how you can toggle the visibility of visually hidden elements on focus.

Code Example: Toggling visibility of a hidden element on focus

The instruction is to use Tab to move the focus and toggle the visibility of the “Jump to content” link. This works well in Chrome but doesn’t work in Firefox (version 71) or Safari (version 13.0.4). I haven’t tested in Edge or IE.

AndreasMoesch avatar Dec 15 '19 10:12 AndreasMoesch