HART ยท Quality assurance

How we check your website

Every change to the site, from a one-word copy fix to a new page, is checked before, during and after it goes live. This page explains how that works, what we look for, and what a full-site QA pass adds before launch.

How every change is checked

Each piece of feedback, whether it comes from a feedback tool, an email or a meeting, goes through the same six steps. A change is only marked done after step 6.

  1. 1

    We confirm exactly what's being asked

    The screenshot or document you send is treated as the specification. Before work starts, the ticket gets a written definition of "done": what changes, where, and how we'll prove it. If something is unclear, we ask rather than guess.

  2. 2

    We check for the same issue elsewhere

    If a fix applies to one page, we look for the same pattern on every other page, so it's fixed consistently and doesn't come back as a separate ticket.

  3. 3

    The developer builds and tests it

    The developer measures the result at four screen sizes and takes before-and-after screenshots. They also check the WordPress editor, so what your team sees when editing matches what visitors see.

  4. 4

    A separate reviewer checks it

    Someone who didn't build the change reviews it against the ticket's definition of done and repeats the measurements independently.

  5. 5

    Automated checks run

    Every update runs an automated test suite before it can be released. It covers code errors, text and background colour contrast, saved-content consistency, retired-page redirects, and behaviour specific to your site.

  6. 6

    We re-check the live site

    After release, the reviewer loads the real published page, with no test settings, and confirms the change is there and nothing nearby has shifted. Only then is the ticket closed.

The screen sizes we test

Layout changes are measured at each of these widths, not just looked at.

1440pxLarge desktop
1024pxLaptop / tablet landscape
782pxTablet portrait
360pxPhone

What we look for

These are the areas we check, both on individual changes and across the whole site.

Content and copy

  • Text matches your approved copy word for word, including any translations
  • Spelling, capitalisation and punctuation as supplied
  • Placeholder text still waiting on content is tracked, not hidden
  • News, events and other automatic listings follow the rules agreed with you

Layout and design

  • Cards, buttons and boxes in a row line up and match heights
  • Spacing, alignment and colours are consistent from page to page
  • Nothing overlaps, gets cut off or scrolls sideways on a phone
  • Photos are cropped so the important part, such as people's faces, stays in frame

Links and navigation

  • Every button and link goes to the right place
  • External links and documents open correctly
  • Menus show the right pages in the right order, on desktop and mobile
  • Old page addresses redirect to their new pages

Accessibility (WCAG 2.2 AA)

  • Images have meaningful alt text, or are marked as decorative
  • Text has enough contrast against its background
  • Headings are in a logical order, and links and icons have readable names
  • Moving video has a pause control
  • Pages declare their language, so screen readers pronounce them correctly

Your editing experience

  • Pages open in WordPress without block errors
  • The editor preview matches the live page
  • Settings built for your team, such as photo cropping controls, work as described

Forms and integrations

  • Forms and sign-up links open and point to the right destination
  • Tracking codes are present on the site
  • Embedded tools and third-party widgets load at the intended size

What full-site QA adds

Ticket-by-ticket checks cover what each change touched. Full-site QA steps back and goes through every published page as a whole:

  • A page-by-page walk-through of every page and post at the four screen sizes
  • A full link check across the site, including links to outside websites and documents
  • A site-wide accessibility sweep
  • Testing on real devices and browsers, including iPhone and Safari, not just desktop browsers
  • A consolidated list of anything found, so you can see every item and its status in one place

Some outside websites block automated tools. When a site blocks them, for example some government sites, a team member checks those links by hand.

How your team can help