Sitemap | Accounts & Loans | Site Map | Financial Partners CU

FAQs | CA Support Center | Financial Partners Credit Union

Refer a Friend

Contact Us | CA Credit Union | Financial Partners CU

Open a Financial Partners Account

Disclosures | CA Documentation | Financial Partners Credit Union

Loan Rates | CA Mortgage & Auto Loans | Financial Partners CU

Financial Partners Credit Union | Best CA Credit Union | Banking

404 Error | Accounts and Loans | Services | Financial Partners CU

Whittier CA Branch | PIH Health Whittier | Financial Partners CU

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

Financial Partners Credit Union

Title / URL	Issues
Sitemap \| Accounts & Loans \| Site Map \| Financial Partners CUfpcu.org/sitemap	13
FAQs \| CA Support Center \| Financial Partners Credit Unionfpcu.org/support-center	2
Refer a Friendfpcu.org/why-join/refer	2
Contact Us \| CA Credit Union \| Financial Partners CUfpcu.org/contact-us	2
Open a Financial Partners Accountfpcu.org/why-join/join	2
Disclosures \| CA Documentation \| Financial Partners Credit Unionfpcu.org/forms-disclosures	2
Loan Rates \| CA Mortgage & Auto Loans \| Financial Partners CUfpcu.org/money-saving-rates	1
Financial Partners Credit Union \| Best CA Credit Union \| Bankingfpcu.org/	1
404 Error \| Accounts and Loans \| Services \| Financial Partners CUfpcu.org/invented-url-for-404-page	1
Whittier CA Branch \| PIH Health Whittier \| Financial Partners CUfpcu.org/locations/whittier-branch	1

Ensure focus is not fully obscured

Financial Partners Credit Union

Where this issue has occurred