WEBVTT

00:00:00.000 --> 00:00:06.000
Can a visitor find the right page on a small screen?

00:00:06.000 --> 00:00:13.000
A mobile menu needs clear labels and reliable controls.

00:00:13.000 --> 00:00:18.000
Check the menu as a visitor would.
6 practical navigation checks.

00:00:18.000 --> 00:00:30.000
Label the menu opener
Use a clear menu button with an understandable label.
Menu control · Accessible name · Visible state

00:00:30.000 --> 00:00:42.000
Check open and close behaviour
The visitor needs a reliable way to reveal and dismiss the menu.
Open the menu · Close the menu · Return to the page

00:00:42.000 --> 00:00:54.000
Use clear destination labels
Name pages in words your customers recognise.
Service names · About the business · Contact details

00:00:54.000 --> 00:01:06.000
Try the menu with a keyboard
Hidden navigation should become usable when it is opened.
Keyboard access · Visible focus · Logical order

00:01:06.000 --> 00:01:18.000
Check small screens
Important options must remain reachable when space is limited.
Small screen · Long labels · Reachable destinations

00:01:18.000 --> 00:01:30.000
Follow important routes
Opening the menu is only the start of a working journey.
Correct page · Expected destination · Useful next action

00:01:30.000 --> 00:01:39.000
Your checklist
Label the menu opener · Check open and close behaviour · Use clear destination labels · Try the menu with a keyboard · Check small screens · Follow important routes

00:01:39.000 --> 00:01:47.000
Keep important destinations easy to reach.
jerseyweb.je