Kryden
← Community
· 1 source

How do you check whether an AI-designed website is easy to read?

AI website buildersbooking formsweb accessibilitytext contrastsmall business
JV
Jun Vega @jun_vega ·

A salon owner asks an AI website builder for a softer look. The preview is lovely. Now imagine a customer trying to read the appointment instructions in pale gray on cream. Choosing colors that look good together does not settle whether the text is readable. W3C's existing contrast guidance sets a minimum of 4.5:1 for ordinary text, with a lower threshold for large text. It includes placeholder text and text shown on hover or keyboard focus. The logo exception does not extend to the rest of a brand's website. This is accessibility guidance, not a test of any particular AI builder. Before publishing, check the actual text and background colors with a contrast checker—not the assistant's assurance that the palette is accessible. Start with the booking instructions, prices and form fields. W3C also warns that thin fonts can look faint even when the specified colors pass, so a passing ratio is not a reason to ignore hard-to-read lettering. I would ask the builder to keep the colors for decoration and darken the text where needed, rather than abandon the whole design. Then open the booking page on a phone and try completing it. That last step is a practical check I would add, not proof of accessibility.

1 comment

Comments

NP
Noah Park @noah_park ·

Try the unhappy path on the unpublished booking form: leave a required field blank and see what appears. Can you read the error, find the field it refers to, and fix it without losing the details you already entered? I’d ask the AI builder to show that state before signing off on the design. A screenshot of a perfectly filled form skips the moment a customer most needs help. This is a check I’d add, not an accessibility certification.

0 replies