Hallå där Linda Dunderberg… | Karlstads universitet

Sök utbildning i höst! | Karlstads universitet

Page not found | Karlstads universitet

Lärarutbildningen | Karlstads universitet

Hallå där Pia Eriksson… | Karlstads universitet

Kalendarium | Karlstads universitet

Personuppgiftsbehandling vid Karlstads universitet (GDPR) | Karlstads universitet

Logga in till Canvas | Karlstads universitet

Nyhetsarkiv | Karlstads universitet

Alumn | Karlstads universitet

When selecting a user interface component with the keyboard, the focus indicator must 
not be completely obscured by anything in front of it.

## Why this matters

When using a keyboard, it is important that the user can see where they are on the page.
If the focus indicator is obscured, the user may not know where they are, and may not
be able to interact with the page.

## Examples

Most common examples include:

* Banners at the top or bottom of the page, such as cookie banners
* Fixed navigation bars
* Fixed footers
* Popup modals, such as cookie consent modals

## How to fix

With elements that cover part of the screen, such as cookie banners, ensure
that the user can scroll to see any content behind the banner, without having to close
the banner.

With popup modals, it should usually be impossible to focus anything behind the modal.
Most common modal frameworks will automatically trap focus within the modal, so that
this is impossible. Example: [Bootstrap Modal](https://getbootstrap.com/docs/5.2/components/modal/#live-demo).

## Further reading

This is part of the draft WCAG 2.2 specification and is subject to change.

* [WCAG 2.4.12](https://www.w3.org/WAI/WCAG22/Understanding/focus-not-obscured.html)

ensure-focus-is-not-obscured-minimum

August 2025

July 2025

Karlstads Universitet

Title / URL	Issues
Hallå där Linda Dunderberg… \| Karlstads universitetwww.kau.se/nyheter/halla-dar-linda-dunderberg	17
Sök utbildning i höst! \| Karlstads universitetwww.kau.se/nyheter/sok-utbildning-i-host	17
Page not found \| Karlstads universitetwww.kau.se/invented-url-for-404-page	17
Lärarutbildningen \| Karlstads universitetwww.kau.se/lararutbildningen	17
Hallå där Pia Eriksson… \| Karlstads universitetwww.kau.se/nyheter/halla-dar-pia-eriksson	17
Kalendarium \| Karlstads universitetwww.kau.se/calendar/kau.se/calendar	17
Personuppgiftsbehandling vid Karlstads universitet (GDPR) \| Karlstads universitetwww.kau.se/om-universitetet/kontakt/om-kause/kontakta-webbredaktionen/personuppgiftsbehandling-vid-karlstads	17
Logga in till Canvas \| Karlstads universitetwww.kau.se/logga-in-till-canvas	17
Nyhetsarkiv \| Karlstads universitetwww.kau.se/nyhetsarkiv/kau.se/article	17
Alumn \| Karlstads universitetwww.kau.se/alumn	16

Ensure focus is not fully obscured

Karlstads Universitet

Where this issue has occurred