Mphasis: Customized Tech Solutions, Cloud, Transformation

Digital Transformation | Digital Transformation Consulting Service and Solutions

Blockchain Technology Applications | Blockchain Technology Services and Solutions

Services

Healthcare IT Solutions And Software Services | Healthcare IT Services and Consulting

Hi Tech product engineering | Product Engineering Service | Hi Tech Services - Mphasis

Mphasis | News & Events

Mphasis | Contact Us

Streamline Operations with Comprehensive DevOps Services

Mphasis | About Us

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

February 2025

January 2025

Mphasis

Title / URL	Issues
Mphasis: Customized Tech Solutions, Cloud, Transformationwww.mphasis.com/home.html	86
Digital Transformation \| Digital Transformation Consulting Service and Solutionswww.mphasis.com/home/services/digital.html	77
Blockchain Technology Applications \| Blockchain Technology Services and Solutionswww.mphasis.com/home/services/blockchain-technology.html	74
Serviceswww.mphasis.com/home/industries/insurance/services.html	73
Healthcare IT Solutions And Software Services \| Healthcare IT Services and Consultingwww.mphasis.com/home/industries/healthcare.html	73
Hi Tech product engineering \| Product Engineering Service \| Hi Tech Services - Mphasiswww.mphasis.com/home/industries/hi-tech/hi-tech.html	72
Mphasis \| News & Eventswww.mphasis.com/home/corporate/news-events.html	72
Mphasis \| Contact Uswww.mphasis.com/home/corporate/contactus.html	70
Streamline Operations with Comprehensive DevOps Serviceswww.mphasis.com/home/services/devOps/devOps.html	70
Mphasis \| About Uswww.mphasis.com/home/corporate/about-mphasis.html	69

Ensure focus is not fully obscured

Mphasis

Where this issue has occurred