Page check for speed and accessibility

One button in the editor checks the open page for what makes it hard to use or slow. It scores the page out of 100 and says how to fix each point.
PLANSEvery plan

The problem it solves

  • Pictures have no description, so blind visitors and Google do not know what they show.
  • Light grey text on a white background looks smart and nobody can read it on a phone in the sun.
  • A form box has no label, and screen readers announce "edit text" with nothing else.
  • Nobody checks a page until a customer complains that it is slow.

How it works

  1. Open a page in the editor and press Check in the top bar.
  2. The page as it is now, saved or not, is checked. Check this page shows a score out of 100.
  3. The points are grouped under Easy to use for everyone and Speed, each marked fine, worth a look, or a problem.
  4. Each point that needs work says what to do, such as "Pick a darker or lighter colour in the Design tab".
  5. Fix, press Check again, and publish when you are happy.

Everything it does

Easy to use for everyone

  • Pictures without a description, counted against all pictures (sample drawings are left out)
  • One main title (h1) on the page, and titles that do not skip a level
  • Links and buttons with no words or label, such as empty social media icons
  • Form boxes without a label: marked as a problem
  • The page says its language: marked as a problem when it does not
  • Contrast of text on the background, faded text on the background and button text on the accent colour, against 4.5 to 1. Below 3 to 1 it is a problem

Speed

  • Size of the page itself, fine under 150 KB
  • How many pictures there are and how many load only when scrolled to
  • Pictures that do not say their size, which makes the page jump while it loads
  • Very large pictures (over 4,000 pixels wide), with the note that visitors get a smaller copy
  • More than two embedded frames, such as maps and videos
  • A background video, with the advice to keep it under 5 MB

The score

  • Out of 100: each point counts full when fine, half when worth a look, nothing when a problem
  • Green from 85, amber from 60, red below
  • Checks one page at a time, the one open in the editor

Next to it

  • The Search and AI check in Page settings looks at titles, descriptions and what Google and AI assistants need
  • Screen size buttons show the page on a computer, tablet and phone

Who uses it

Website EditorRuns the check on each page they change and fixes what it finds.
Website ManagerChecks a page before publishing it.

Where you use it

  • Web: the editor, Check in the top bar
  • Not a test of real loading time on a phone network: it reads the page itself, not a measurement from a visitor's device
  • Not a check of the whole site in one go: one page at a time

What you control

Settings

  • Nothing to set: the check uses the page and the site's colours as they are

Questions

Does a score of 100 mean the page meets accessibility law?

No. The check covers the common problems a builder can see: descriptions, titles, labels, language and contrast. A full audit also looks at things like video captions and the meaning of your words.

Why is a missing picture description a problem?

Screen readers read it out to blind visitors, and search engines use it to understand the picture. Write it in the picture box, or press Describe it with AI.

The check says the contrast is low. What do I change?

Pick a darker or lighter colour in the Design tab, or another colour set. The check names which pair is hard to read.

Does it check the page before I save?

Yes. It checks what is in the editor at that moment, saved or not.

Related features

See your business on a real design.

Tell us what you do and what the site needs to do: bring enquiries, take bookings, show your work or sell. We will start your site from the closest design with you.