{
  "$type": "site.standard.document",
  "bskyPostRef": {
    "cid": "bafyreiguyrc7n4qfmtczmj57oficxoolxkpzngcn5dunty5kq773altmwa",
    "uri": "at://did:plc:fsxdrar45fdrarzog6x2vyow/app.bsky.feed.post/3mjjv67eemhu2"
  },
  "coverImage": {
    "$type": "blob",
    "ref": {
      "$link": "bafkreiesdvnqk6peil4mhdovthwlsyfrbzed4u4webi4wql4gd3dv7np5e"
    },
    "mimeType": "image/jpeg",
    "size": 107933
  },
  "description": "Check Color Contrast: Master the essential standards of inclusive design by exploring the top tools for auditing your WCAG color contrast ratios. Learn how to use resources like WhoCanUse,",
  "path": "/check-colour-contrast/",
  "publishedAt": "2026-04-15T12:23:18.000Z",
  "site": "https://ux.prithivkumar.com",
  "textContent": "As designers, we often obsess over the perfect palette. However, a beautiful interface is a failure if it isn't accessible. Ensuring proper colour contrast isn't just a \"best practice\"—it’s a fundamental requirement for inclusive design that allows users with different visual abilities to navigate our products effectively.\n\n#### **The Science of Seeing**\n\nAccessibility standards (WCAG) provide us with a grading system to ensure our text is readable against its background. Whether it is **Regular Vision** , **Protanopia** (red blindness), or **Deuteranomaly** , our job is to ensure that everyone can perceive the information we present.\n\n#### **Tools for the Modern Designer**\n\nTo move beyond guesswork, I’ve curated a toolkit of resources that every professional should use:\n\n  * **WhoCanUse** : A deep-dive tool that shows how color combinations are perceived by people with various forms of color blindness.\n  * **Contrast** : A handy Figma plugin for real-time checks within your design workflow.\n  * **Accessible Brand Colors** : This tool generates a chart to show how your entire brand palette can be used together while remaining ADA compliant.\n  * **ButtonBuddy** : A specialized generator that focuses specifically on creating accessible button styles.\n  * **ColourContrast.cc** : A quick and reliable web-based checker for WCAG AA and AAA grading.\n\n\n\n**The Bottom Line:** Don't design for yourself; design for the widest possible audience. Accessibility is what separates a \"decorator\" from a true \"Product Designer\".",
  "title": "Check Colour Contrast",
  "updatedAt": "2026-04-15T12:23:18.733Z"
}