Accompanying Files
Observation Details
Focusable elements must have a visually distinct focus state. Moving keyboard focus to a focusable element must clearly identify the element as being focused. If this is not the case, sighted users of keyboard navigation will have difficulties navigating a page. Especially when multiple focusable elements do not show visible focus indicators, properly navigating the page may become impossible.
Cards in "Unser nachhaltiger Smartphone-Kreislauf"
Remediation Notes
Ensure, all focusable elements have a visible focus indicator.
The focus indicator should ideally be clearly visible
The focus indicator should not solely rely on change of color (see 1.4.1 Use of Color)
The focus indicator should not create contrast issues of focused text content (see 1.4.3 Contrast (Minimum))
The browser's native focus indicator can be used if it itself passes contrast minimum requirements to the element's background (see 1.4.11 Non-text Contrast).