toggle switch does not show focus

[lukavdplas]

What went wrong?

The toggle switch (used for named entity view) does not show keyboard focus, making it difficult to use by keyboard.

See WCAG criterion 2.4.7: focus must be visible

What did you expect to happen?

See this description of the switch pattern for some examples.

Screenshot

Screen recording below. In the recording, I'm tabbing through the page and toggling the switch, but there is no indication when the keyboard focus moves to the switch.

Screencast.from.21-11-24.14.21.13.webm

Where did you find the bug?

• https://ianalyzer.hum.uu.nl
• https://peopleandparliament.hum.uu.nl
• https://peace.sites.uu.nl
• a server hosted elsewhere (i.e. not by the research software lab)
• a local server

Version

5.14.1

Steps to reproduce

Visit a document in a corpus with named entities, e.g. https://ianalyzer.hum.uu.nl/document/troonredes/1824_troonrede