Grainger Products - Grainger Industrial Supply

Safety Equipment - Grainger Industrial Supply

Pumps - Grainger Industrial Supply

Fasteners - Nuts and Bolts - Grainger Industrial Supply

Plumbing Tools & Equipment - Grainger Industrial Supply

Tools - Grainger Industrial Supply

Order Lookup

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

Grainger

	Title / URL	Issues
	Grainger Products - Grainger Industrial Supplywww.grainger.com/category?analytics=nav	57
	Safety Equipment - Grainger Industrial Supplywww.grainger.com/category/safety?analytics=nav	56
	Pumps - Grainger Industrial Supplywww.grainger.com/category/pumps?analytics=nav	47
	Fasteners - Nuts and Bolts - Grainger Industrial Supplywww.grainger.com/category/fasteners?analytics=nav	41
	Plumbing Tools & Equipment - Grainger Industrial Supplywww.grainger.com/category/plumbing?analytics=nav	40
	Tools - Grainger Industrial Supplywww.grainger.com/category/tools?analytics=nav	31
	Order Lookupwww.grainger.com/orders/lookup	23

Ensure focus is not fully obscured

Grainger

Where this issue has occurred