Business Directory | Cornwall & Isles of Scilly - Growth Hub

Meet the team | Cornwall & Isles of Scilly - Growth Hub

Business Support | Cornwall & Isles of Scilly - Growth Hub

What's going on? | Cornwall & Isles of Scilly - Growth Hub

Who we've helped | Cornwall & Isles of Scilly - Growth Hub

Cookie Policy | Cornwall & Isles of Scilly - Growth Hub

The Growth Hub | Cornwall & Isles of Scilly - Growth Hub

Create new account | Cornwall & Isles of Scilly - Growth Hub

Privacy Notice | Cornwall & Isles of Scilly - Growth Hub

Terms & Conditions | Cornwall & Isles of Scilly - Growth Hub

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

June 2024

May 2024

Cornwall and Isles of Scilly Growth Hub

Title / URL	Issues
Business Directory \| Cornwall & Isles of Scilly - Growth Hubwww.ciosgrowthhub.com/business-directory	79
Meet the team \| Cornwall & Isles of Scilly - Growth Hubwww.ciosgrowthhub.com/meet-the-teams	76
Business Support \| Cornwall & Isles of Scilly - Growth Hubwww.ciosgrowthhub.com/business-support	63
What's going on? \| Cornwall & Isles of Scilly - Growth Hubwww.ciosgrowthhub.com/whats-going-on	49
Who we've helped \| Cornwall & Isles of Scilly - Growth Hubwww.ciosgrowthhub.com/who-weve-helped	46
Cookie Policy \| Cornwall & Isles of Scilly - Growth Hubwww.ciosgrowthhub.com/cookie-policy	46
The Growth Hub \| Cornwall & Isles of Scilly - Growth Hubwww.ciosgrowthhub.com/	44
Create new account \| Cornwall & Isles of Scilly - Growth Hubwww.ciosgrowthhub.com/user/register	40
Privacy Notice \| Cornwall & Isles of Scilly - Growth Hubwww.ciosgrowthhub.com/privacy	39
Terms & Conditions \| Cornwall & Isles of Scilly - Growth Hubwww.ciosgrowthhub.com/terms-conditions	38

Ensure focus is not fully obscured

Cornwall and Isles of Scilly Growth Hub

Where this issue has occurred