Donate to Muslim Aid, Islamic Charity | Muslim Aid

Supporting Humanity - Muslim Aid: Humanitarian Charity

How to Calculate Zakat 2025 | Muslim Aid | Muslim Aid

Shelter for Gaza Muslim Aid Support Homeless by Home

Emergency Aid - Rapid Response in Times of Crisis

Ramadan Timetable 2025: Plan Your Holy Month with Us

Kaffarah | Donate to Islamic Charity | Muslim Aid

Sadaqah - Giving with a Pure & Open Heart - Muslim Aid

Bread for Gaza Muslim Aid Join to Fight Hunger in Gaza

Zakat Appeal | Donate Zakat to Islamic Charity | Muslim Aid

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

May 2025

April 2025

Muslim Aid

Title / URL	Issues
Donate to Muslim Aid, Islamic Charity \| Muslim Aidwww.muslimaid.org/donate/	54
Supporting Humanity - Muslim Aid: Humanitarian Charitywww.muslimaid.org/	48
How to Calculate Zakat 2025 \| Muslim Aid \| Muslim Aidwww.muslimaid.org/zakat-calculator/	41
Shelter for Gaza Muslim Aid Support Homeless by Homewww.muslimaid.org/shelter-for-gaza/	37
Emergency Aid - Rapid Response in Times of Crisiswww.muslimaid.org/emergency-aid/	36
Ramadan Timetable 2025: Plan Your Holy Month with Uswww.muslimaid.org/ramadan-timetable/	34
Kaffarah \| Donate to Islamic Charity \| Muslim Aidwww.muslimaid.org/appeals/kaffarah/	32
Sadaqah - Giving with a Pure & Open Heart - Muslim Aidwww.muslimaid.org/sadaqah/	32
Bread for Gaza Muslim Aid Join to Fight Hunger in Gazawww.muslimaid.org/bread-for-gaza/	32
Zakat Appeal \| Donate Zakat to Islamic Charity \| Muslim Aidwww.muslimaid.org/appeals/zakat/	32

Ensure focus is not fully obscured

Muslim Aid

Where this issue has occurred