Our stations | Chiltern Railways

Check Live Train Times | Arrivals & Departures | Chiltern Railways

Existing customers | Chiltern Railways

Oxford to London Marylebone Trains | Chiltern Railways

New Season Ticket Customers | Chiltern Railways

Assisted Train Travel | Chiltern Railways

Aylesbury to London Marylebone Trains | Chiltern Railways

Book Trains from London To Oxford | Chiltern Railways

2FOR1 Attractions | Chiltern Railways

Destinations | Chiltern Railways

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 2024

April 2024

Chiltern Railways

Title / URL	Issues
Our stations \| Chiltern Railwayswww.chilternrailways.co.uk/routes-and-destinations	77
Check Live Train Times \| Arrivals & Departures \| Chiltern Railwayswww.chilternrailways.co.uk/live-train-times	76
Existing customers \| Chiltern Railwayswww.chilternrailways.co.uk/existing-customers	35
Oxford to London Marylebone Trains \| Chiltern Railwayswww.chilternrailways.co.uk/oxford-london-marylebone-train	30
New Season Ticket Customers \| Chiltern Railwayswww.chilternrailways.co.uk/new-customers	30
Assisted Train Travel \| Chiltern Railwayswww.chilternrailways.co.uk/before-you-travel/Assisted-Travel-Information	29
Aylesbury to London Marylebone Trains \| Chiltern Railwayswww.chilternrailways.co.uk/aylesbury-london-marylebone	29
Book Trains from London To Oxford \| Chiltern Railwayswww.chilternrailways.co.uk/london-oxford-train	28
2FOR1 Attractions \| Chiltern Railwayswww.chilternrailways.co.uk/2-for-1-attractions	27
Destinations \| Chiltern Railwayswww.chilternrailways.co.uk/destinations	27

Ensure focus is not fully obscured

Chiltern Railways

Where this issue has occurred