nowfound

Dev tools · September 25, 2019

Button Contrast Checker

Check contrast of buttons of any page with just one click.

Button Contrast Checker launched on September 25, 2019 with 7 votes, #1,053 of 3,296 launches that month and more than 50% of that year's launches. The site was still online in September 2026, 7 years on.

What it does

Button Contrast Checker it's meant to help developers and designers build more accessible websites. It is a little bit different than other contrast checkers: - Checks all buttons and links on a webpage. - Default, Hover and Focus states. - You can share results with your team. - It’s free.

Test all buttons and links on your webpage with just one click. Check if you have are compliant with WCAG 2.1 contrast guidelines.

Enter your domain and we test if your buttons have enough contrast and are compliant with WCAG 2.1. We were in need of a tool to test the contrast of all buttons and links of a page at once. So we built Button Contrast Checker. You can use it for free. Buttons have several states: default , hover , focus , active , disabled , etc. Many websites have insufficient contrast in these states. Maybe it's because the tools don't help much in this regard, but not anymore. In a few seconds you'll know if your buttons and links have enough contrast in the three most common states. Let's picture this scenario: we launch a website with perfect buttons and great contrast. Later down the road, unaware of…from aditus.io

Does a similar job

all alternatives →
  • Button Contrast Checker2019 · aditus.io · ▲8

    Test all buttons and links on your webpage with just one click. Check if you have are compliant with WCAG 2.1 contrast guidelines.

  • Contrast2017 · usecontrast.com · ▲341

    A macOS app for quick access to WCAG color contrast ratios

  • Contraste2018 · contrasteapp.com · ▲119

    Check the accessibility of text against the WCAG.

  • Area Contrast CheckerMay 2026 · chromewebstore.google.com · ▲85

    Drag, Select, Know. A new way to check A11y contrast

  • OneClickTest2019 · ▲179

    Tool for quickly testing your design layout in one click.

  • ClickSayMar 2026 · clicksay.net · ▲92

    Click any element and ClickSay instantly captures it

More dev tools this month

the category →
  • /dev/null▲486

    a social network for devs

    Dev tools · 3d ago · dev-null.sh

  • open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

    Dev tools · 28d ago · github.com

  • Contribute to reladraw/reladraw development by creating an account on GitHub.

    Dev tools · 26d ago · github.com

  • OpenBot▲362

    Grok Bot alternative: free, local, open-source, multiplayer

    Dev tools · 23d ago · openbot.run

  • Talanoa▲346

    Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

    Dev tools · 21d ago · talanoa.email

  • CoreSpeed▲332

    One MCP for everything your agents need: apps, memory, tools

    Dev tools · 28d ago · corespeed.io

Source: Product Hunt launch ↗

Launched alongside, September 2019

the whole month →
  • Attorney-approved terms and conditions generator

    Dev tools · 2019 · iubenda.com

  • Satellites 🛰️ are visible in the night sky, no telescope required, if you know where to look. Find out here.

    Life & fun · 2019 · james.darpinian.com

  • Free resource of 100k diverse faces generated by AI

    AI · 2019 · generated.photos

  • Life & fun · 2019 · augmented-ui.com

  • Life & fun · 2019 · 3dforreddit.com

  • AS

    Sharing something that I wrote for my use but I think can be useful to others (I am an engineer with the title of Senior Software Engineer) Visit [1] for a full list (table view gives a lot of options. See "Controls"). Visit [2] for a summary. The source of the list is at [3] 1. https://littleblah.com/post/2019-09-01-senior-engineer-checklist/ 2. https://medium.com/@littleblah/my-top-25-items-in-a-senior-engineers-checklist-c8e9f9f6e3c2 3. https://github.com/littleblah/senior-engineer-checklist Feedbacks/Pull requests…

    Dev tools · 2019