Make your website more accessible and readable

Find the problems that make your website hard to use or read, fix them in the pages and the shared parts of the site where they start, and keep a running record of what has been fixed and what is left.

Key Takeaways

  1. Most accessibility problems on marketing websites are the same handful: text that's too faint to read, images with no description, form fields with no label, and links or buttons that don't say what they do.
  2. Kite checks your site with Google's PageSpeed accessibility test on mobile and desktop, then opens the pages in a real browser and checks the parts a screen reader relies on, so it finds the specific problems behind the score.
  3. Kite fixes the shared parts of the site first, such as the color palette, the navigation, and the form component, because one fix there repairs every page that uses it. Then it works through the pages that matter most, starting with the path to signing up or buying.
  4. Readability gets the same treatment. Kite rewrites dense copy into plain language, makes headings and link text say something useful, and sets text size and spacing so pages read comfortably on a phone.
  5. Kite keeps a record of every problem it found, which ones are fixed and live, and what's left, and it runs the same checks again after each round so you can see the score and the list move.
On this page

What makes a website hard to use or read?

A website is hard to use when some of your visitors can't see, hear, reach, or understand parts of it. That includes people who use screen readers, people with low vision or color blindness, people who move around a page with a keyboard instead of a mouse, and older visitors who need larger text. It also includes everyone reading your site on a phone in bright sunlight.

The problems behind that are usually ordinary. WebAIM, a nonprofit that scans the home pages of the top million websites every year, finds the same issues at the top of the list year after year:

  • text with too little contrast against its background
  • images with no text description, which screen readers need
  • form fields with no label, so a screen reader can't say what to type
  • links and buttons with no text, such as an icon with nothing behind it
  • pages that don't declare which language they're written in

Readability problems sit right next to these. Long paragraphs, vague headings, small text, tight line spacing, and links that just say "click here" make a page slower to read for everyone and much harder for some people.

None of this is hard to fix one item at a time. The work is in finding every instance across the site, deciding what to fix first, making the changes without breaking the design, and then checking that they stayed fixed as new pages go up. Many businesses skip that work and install an accessibility overlay instead, which adds a toolbar on top of the page but leaves the page underneath as it was. A screen reader still meets the same unlabeled buttons.

That kind of thorough, repetitive, page-by-page work suits an AI marketer well, especially one that can also make the changes. Kite is an AI marketer. It researches your business, builds a growth strategy, and ships the work that brings you new customers. Here's how it makes your site easier to use and read.

How Kite makes your website more accessible and readable

Kite starts by measuring. It runs Google's PageSpeed test on your site, which scores accessibility out of 100 on mobile and desktop alongside speed and search basics. Then it opens your pages in a real browser and checks each one for the parts assistive technology relies on, to find the specific problems behind the score.

From that list, Kite decides what to fix first. It looks for problems that live in shared parts of the site, because those are the cheapest to fix and affect the most pages, and it puts anything that stops a visitor from signing up or buying at the top. It makes the changes, shows them to you before they go live, and publishes the ones you approve. Afterward, it runs the same checks again, updates the record of what's fixed, and plans the next round.

  1. How do I check my website for accessibility issues?
  2. Decide what to fix first
  3. Make the site easier to read
  4. Make the fixes and publish them
  5. Keep track of what's fixed

How do I check my website for accessibility issues?

Start with an automated test to get a score, then look at the pages themselves, because an automated score tells you how much is wrong but not exactly where. Kite does both.

The PageSpeed test runs Google's Lighthouse accessibility checks and gives each page a score out of 100 for mobile and for desktop. Kite can run it on your homepage and on any other page you care about, such as your pricing page or your signup page. It's a quick, repeatable number that makes progress easy to see.

Kite then opens those pages in a browser and reads their structure: the headings, links, buttons, form fields, and images that a screen reader announces. That's where it finds the actual problems. It notes an image of your team with no description, a search icon in the header that a screen reader announces only as "button," an email field with placeholder text but no label, or gray body text on a white background that falls below the contrast people with low vision need. It also views each page at phone width to find text that's too small, buttons too close together to tap, and sections that overflow the screen.

Kite runs this check on any public website, so it works whether Kite hosts your site or not. You can ask it to check a competitor's site too, if you want to see how yours compares.

Decide what to fix first

Kite ranks the problems by how many people they block and how much of the site one fix would repair. That ranking matters more than the length of the list, because a long list of issues usually traces back to a much shorter list of causes.

Shared parts of the site come first. If your brand's light gray is used for body text across the whole site, darkening that one color in the palette fixes the contrast on every page at once. The same goes for a navigation menu, a footer, or a signup form that appears on many pages. Fixing the component once is faster than fixing the pages one by one, and it keeps new pages from inheriting the problem.

Next come the pages and steps where a problem costs you a customer. A missing label on the email field of your signup form, or a "Buy" button a screen reader can't name, stops someone from becoming a customer. Kite also clicks through your main call to action in a real browser to confirm that the path to signing up or buying works from start to finish.

Page-by-page content fixes come last. These include writing descriptions for images, fixing headings that skip levels, and replacing "learn more" links with text that says where they go. They're quick on their own, and Kite works through them starting with your most visited pages.

Make the site easier to read

Kite treats readability as part of the same job, because a page that's hard to read loses visitors even when it passes every automated test. It rewrites copy in your brand voice so it's plainer and easier to scan, without changing what you're saying.

On a typical page, that means:

  • breaking long paragraphs into shorter ones that each make one point
  • rewriting headings so a visitor who reads only the headings still understands the page
  • replacing jargon and long sentences with plain language
  • turning dense lists of features into bullets
  • making link and button text describe what happens next, such as "See pricing" instead of "Click here"

Kite also adjusts how text looks. It sets body text large enough to read on a phone, gives lines enough spacing, keeps line lengths comfortable on wide screens, and makes sure text over images or colored backgrounds stays legible. On sites it builds, Kite designs with these rules from the start. It uses a proper heading structure, real buttons and links that work with a keyboard, and color pairs with readable contrast.

Clearer structure helps machines read your pages too. Headings that describe their sections, images with descriptions, and plain language make your content easier for AI assistants and search engines to understand and quote. If that's a goal of yours, see Improve your visibility in AI answers.

Make the fixes and publish them

Kite makes the changes itself, and how it does that depends on where your site runs. On a site Kite builds and hosts, it can change anything, from the color palette and the navigation code to the copy and image descriptions on each page. Each change waits as an unpublished change you can preview. When you publish, Kite shows the list of changes that will ship, publishes them together, and checks that the site still displays correctly. You can undo any single change without losing the others.

If your site's code lives in GitHub, Kite makes the same kinds of changes in your repository. It merges them into your main branch, or opens a pull request if you protect that branch, and your own deployment ships them.

If your site runs on Webflow, WordPress, Contentful, Sanity, or Storyblok, Kite publishes content fixes through your connected account. That covers the copy, headings, and the fields your content system stores, which often include image descriptions. Fixes that live in the site's design or code, such as the theme colors, need someone with access to that code. In that case, Kite writes up exactly what to change and why, so your developer or agency can make the change quickly.

Keep track of what's fixed

Kite keeps a record of every problem it found, which ones it has fixed, which are live, and which are still open. It can publish that record as a report at a shared link, grouped by page and by cause, and update it as each round of fixes ships. That gives you one place to see progress, and it gives you documentation of the work if anyone asks what you've done to make the site accessible.

After a round of fixes goes live, Kite runs the PageSpeed test and the browser check again on the same pages and compares the results with the earlier run. You see the score change on mobile and desktop and which problems dropped off the list.

New pages and edits can bring old problems back, so it helps to check regularly. Ask Kite to repeat the check on a schedule, such as once a month, and it runs the same pages each time and tells you what changed. The results arrive in the Kite web app, in Slack if you've added Kite there, or by email.

What you get

An accessibility and readability review

PageSpeed accessibility scores for mobile and desktop on the pages you care about, plus the specific problems Kite found on each page and the shared part of the site each one comes from.

A ranked fix list

The problems in the order Kite plans to fix them, with shared parts of the site and the path to signing up or buying at the top.

Rewritten, easier-to-read pages

Plainer copy, clearer headings, descriptive links, and text sized and spaced to read well on a phone, all in your brand voice.

The fixes themselves

Changes Kite publishes on a site it hosts, in your GitHub repository, or through your connected content system, and written instructions for anything only your developer can change.

A running record of progress

A report showing what's fixed, what's live, and what's left, with before-and-after scores from each round.

How to get started

Start a conversation with Kite in the Kite web app or in Slack and tell it what you want in plain language. You might say, "Check our website for accessibility problems and fix what you can," or "Our pages feel hard to read on a phone. Can you clean them up?"

Kite runs the checks and comes back with what it found, what it plans to fix first, and why. You can change the order or the scope before it starts. Kite then makes the changes and saves them for you to preview. By default, nothing goes live until you approve it, and you can give Kite more autonomy once you trust its work.

You don't need to connect anything for the review, because Kite can check any public website. To have Kite publish fixes on a site it doesn't host, connect your content system or your GitHub repository.

Integrations used to make your website more accessible and readable

Kite runs the accessibility review with its own built-in tools, including Google's PageSpeed test and a real browser, so the review needs no outside account. A site Kite hosts needs nothing else either. The integrations below let Kite publish fixes when your site runs somewhere else.

Common questions

Should I use an accessibility overlay instead?

An overlay is a script that adds a toolbar to your site so visitors can change text size or contrast. It doesn't fix the page underneath, so a screen reader user still meets the same missing labels and unnamed buttons, and many of those users already have tools that do what the toolbar offers. Fixing the site's own code and content is more work up front, but it solves the problem for every visitor, and the fixes stay fixed. That's the work Kite does.

Will this make my website legally compliant?

Kite's checks are built on the Web Content Accessibility Guidelines (WCAG), the standard most accessibility laws and regulations point to, and fixing what they find removes the most common problems. An automated review isn't a legal certification, though, and some issues only show up when a person tests the site with assistive technology. If you need a formal audit for legal reasons, hire an accessibility specialist, and use Kite to make the fixes that audit asks for.

Can automated tools find every accessibility problem?

No. Automated tests reliably catch problems a machine can measure, such as missing image descriptions, missing form labels, and low contrast. They can't judge whether an image description is actually useful or whether a page makes sense when read aloud. That's why Kite reads the pages after running the test and writes the descriptions and copy itself rather than filling in placeholders.

How long does it take to fix a website's accessibility problems?

Most marketing sites improve a lot in the first round, because a few shared fixes to colors, navigation, and forms repair every page at once. The page-by-page content work takes longer on a large site with many images and posts. Kite starts with your most visited pages, so the fixes reach the most people first.

Will the fixes change how my website looks?

Most fixes are invisible to visitors who don't need them, such as image descriptions, form labels, and page structure. The visible ones are usually small, like a slightly darker shade of your brand's gray or larger body text on phones. Kite keeps changes within your brand's colors and fonts, and you preview every change before it goes live.

Questions this page answers

  • How do I make my website more accessible and readable with AI?
  • Can an AI marketing agent check my website for accessibility problems?
  • How do I check my website for accessibility issues?
  • How do I make my website easier to read?
  • What are the most common website accessibility fixes?
  • Can AI run an accessibility review and keep track of the fixes?

About the author

Devon Wells leads product marketing at Kite, the AI marketer. He spent a decade marketing industrial AI, from self-driving trucks to computer vision, but now Kite handles most of the work itself.

Tell me your goal and I’ll get to work.

Get started for free