Test mobile layout, links, forms and accessibility

What you will finish

Complete a repeatable launch check and record any issue that still needs work.

Step by step

1. 01

   Start at 320 pixels

   Check every page at a narrow mobile width. Look for clipped text, horizontal scrolling, tiny controls and fixed elements covering content.

2. 02

   Use only the keyboard

   Move through links, menus and forms with Tab, Shift+Tab, Enter and Space. Confirm the focus position is always visible.

3. 03

   Test real form outcomes

   Submit valid, invalid and empty forms. Confirm errors are understandable and successful requests reach their destination.

4. 04

   Check names and contrast

   Images need useful alternative text when they carry meaning. Form fields need labels. Text and controls must remain readable.

5. 05

   Run a final link check

   Open internal links, external links, canonical URLs, the privacy notice and the contact path from the live domain.

Use this as a starting point

Create a launch test for this website. Cover 320-pixel mobile layout, keyboard navigation, visible focus, headings, labels, alternative text, colour contrast, reduced motion, broken links, form success and failure, privacy links, metadata and live-domain redirects. Return a table with test, expected result, actual result and status.

Replace the bracketed notes with your own facts. Read the answer before using it.

Read the source material