> ## Documentation Index
> Fetch the complete documentation index at: https://docs.hiveku.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Check a Page for Problems

> Run the builder's page audit to find pictures without alt text, unlabeled form fields, hard-to-read text and other problems, and jump straight to each one

Some problems on a page are easy to miss: a picture with no description for screen readers, a form field with no label, text that is hard to read against its background. The builder's **Audit** checks the page you are looking at and lists what it finds, so you can fix each one.

This guide audits the home page of Northwind's website.

## Run the audit

**1. Open the page in the builder**

Open your website and click **Visual Edit** above the preview. Pick the page to check in the page menu above the preview: the audit checks the page the preview shows.

**2. Click Audit**

Click the shield, **Audit**, in the column of tools on the left. The list groups what it found by kind of problem, with a count for each. Click a group's name to fold it or open it.

![The Audit tool, outlined, and the Audit panel with 16 issues: Form fields without a label, 2, outlined, and Low text contrast, 14, outlined, with findings such as Shop Whole Beans, Contrast 3.87:1, needs 4.5:1](https://mintcdn.com/locusdigital/hdbaNZHEcMHOX69F/images/how-tos/site-builder/pa-01-audit-closeup.webp?fit=max\&auto=format\&n=hdbaNZHEcMHOX69F\&q=85\&s=6787667857d5e395a12975bed29f3a31)

Each finding names the element and what is wrong. For low contrast it gives the contrast it measured and what it needs: text the size of a paragraph needs 4.5:1, and large text 3:1.

## Go to a problem and fix it

Click a finding. The builder selects that element in the preview and opens its settings, so you can change it right there. Here, the **Shop Whole Beans** button's white text on orange measures 3.87:1, so a darker orange would fix it. For a picture without alt text, its settings open on the **Alt text** box.

![The Shop Whole Beans button selected in the preview, outlined, with its quick settings open below it](https://mintcdn.com/locusdigital/hdbaNZHEcMHOX69F/images/how-tos/site-builder/pa-02-selected-closeup.webp?fit=max\&auto=format\&n=hdbaNZHEcMHOX69F\&q=85\&s=4e660b51ac0b0c741193d9b3719601f8)

You can also ask the AI in the chat to fix it, for example "Make the Shop Whole Beans button text easier to read". When you have made a change, click the circular arrows at the top of the **Audit** panel to run the checks again.

## What it checks

The audit looks for pictures without alt text, links and buttons without a name, repeated element IDs, headings out of order, form fields without a label, missing page details such as the title, and low text contrast. At the bottom, the panel says how many text elements it couldn't check for contrast because they sit on a picture or a gradient.

![71 text elements couldn't be checked for contrast (image or gradient backgrounds), outlined, above the list of checks](https://mintcdn.com/locusdigital/hdbaNZHEcMHOX69F/images/how-tos/site-builder/pa-03-what-it-checks-closeup.webp?fit=max\&auto=format\&n=hdbaNZHEcMHOX69F\&q=85\&s=86284382ec85e37920fa2203089a73ca)

## Good to know

* **Check your own eyes too.** Text on a photo can be measured wrong. On Northwind's home page, the white headline on the dark hero photo is listed as low contrast, though it reads clearly. Judge those by looking at the page.
* **Changes need a publish.** What you fix shows on your live site after you [publish your changes](/how-tos/site-builder/publish).
* **More:** [Edit Text and Styles by Clicking](/how-tos/site-builder/edit-visually) and [Improve How a Page Shows in Google](/how-tos/site-builder/page-titles-for-google).


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.