Blog Layout

How to Use the Contrast Checker

March 21, 2025
  • Slide title

    Write your caption here
    Button
  • Slide title

    Write your caption here
    Button
  • Slide title

    Write your caption here
    Button
  • Slide title

    Write your caption here
    Button
  • Slide title

    Write your caption here
    Button
  • Slide title

    Write your caption here
    Button

How to Use the Contrast Checker

Text needs to be easy to read—on every device, for every visitor. At Hibu, we aim to make every website as easy to read as possible. The HWP Contrast Checker helps with that by showing whether your text color has enough contrast against the background. You’ll find it inside the color picker whenever you're selecting a text color.

Why Contrast Matters

Some color combinations might look fine to you but are hard for others to read—especially users with low vision or older screens.

Good contrast means more people can read your content clearly.  And when content is easy to read, it’s more likely to convert.

Reading the Contrast Checker Results

The contrast checker gives you instant feedback:

  • Green circle with a white check = Good contrast
  • Red circle with a white X = Not enough contrast


If you see the green check, you’ll also see a label:
AA or AAA.

These show which accessibility standard your text meets:

  • AA = Minimum standard for readability
  • Regular text (under 18pt): 4.5 or higher
  • Large text (18pt+ or 14pt bold): 3.0 or higher
  • AAA = Stricter standard for even better readability
  • Regular text (under 18pt): 7.0 or higher
  • Large text (18pt+ or 14pt bold): 4.5 or higher


The higher the level, the more accessible your text is for more people.

Aim for green—and AAA when you can.

Final Thought

At Hibu, we design with everyone in mind. If your text is hard to read, people won’t stick around—and they won’t convert. Strong contrast is a small detail that makes a big difference. Aim for green, make it easy to read, and help people connect with the businesses we serve.

By Hibu Sections March 25, 2025
What to Know Before You Submit / Upload a Photo Images can make or break a small business website. Whether you’re a contractor, hairstylist, dentist, or restaurant owner, the photos you upload should build trust, highlight your work, and make your business look professional. Most business owners aren’t photographers. They're using iPhones or Androids, often snapping pictures during the workday. That’s fine — as long as you follow a few simple best practices. This guide covers what you need to know before you add images to your site, including: The right image sizes and formats for web What types of images help convert leads How to take better photos of your team and your work Tips for lighting, composition, naming, and consistency When to not use images at all The tips here work for any type of business — we’ve just included examples from home service contractors since they make up a large number of Hibu sites. Let’s get everything in frame.
By Hibu Sections March 24, 2025
Pixel vs. Percentage Units: Why They Matter in Responsive Web Design When you're building websites that need to work across all screen sizes—from wide desktop monitors to narrow mobile phones—how you size elements matters. At Hibu, we design for everyone. That means every element must display correctly on every device. If your content is misaligned, crammed, or floating awkwardly, users won’t stick around—and they won’t convert. One of the most important layout choices you’ll make is whether to use pixel or percentage units for sizing.
By Hibu Sections March 6, 2025
Training Overview: Initial Build Setup vs. Editor 2.0 & Collection Site We're moving from the current initial build setup to a new approach with Editor 2.0 and the Collection Site . This transition is more than just switching editors—it changes how we structure content, manage data, and ensure consistency across sites.
By Hibu Sections March 3, 2025
Overview For these steps, assume you are building a residential general contractor website . You need to add stock images for the hero sections of the following pages: Homepage (general home-related image) Roofing page Siding page Gutter page Additionally, the hero images from all core pages (roofing, siding, gutters) will also be displayed as the homepage copy block image . These steps will guide you through finding, downloading, renaming, and uploading stock images to the website.
Show More →
Share by: