Q: Fixing Color Contrast Issues

Contrast Ratio Requirements <ul> <li>Normal text: Minimum 4.5:1 (AA)</li> <li>Large text (18pt+): Minimum 3:1 (AA)</li> <li>UI components: Minimum 3:1</li> </ul> Common Problem Areas <ul> <li>Light gray text on white backgrounds</li> <li>Placeholder text in form fields</li> <li>Links that blend with body text</li> <li>Buttons with low-contrast text</li> <li>Text on images without solid backgrounds</li> </ul> How to Fix <ol> <li>Click on a contrast issue in AccessCheck to see the failing colors and ratios</li> <li>Choose new colors by darkening text or lightening background</li> <li>Update your CSS</li> </ol> Before: .text-muted { color: #999999; } (Only 2.85:1) After: .text-muted { color: #767676; } (4.54:1) Tips Design with accessibility first, use contrast checker plugins, and test in grayscale.

Q: Managing Your Subscription

Upgrading Your Plan <ol> <li>Go to Billing</li> <li>Click Upgrade Plan</li> <li>Select your new plan</li> <li>Confirm payment</li> </ol> Changes take effect immediately. You are charged the prorated difference. Downgrading Your Plan <ol> <li>Go to Billing</li> <li>Click Change Plan</li> <li>Select a lower tier</li> </ol> Change takes effect at the end of your billing period. Canceling <ol> <li>Go to Billing</li> <li>Click Cancel Subscription</li> <li>Confirm</li> </ol> You keep access until the end of your paid period. Data is retained for 30 days. Need Help? Contact support@accesscheck.io for refund requests, plan recommendations, enterprise pricing, or non-profit discounts.

Q: Running Your First Scan

Starting a Scan <ol> <li>Go to your Projects page</li> <li>Click on the project you want to scan</li> <li>Click the Run Scan button</li> </ol> The scan will begin immediately and you will see a progress indicator. What Happens During a Scan <ol> <li>Crawling: We find pages on your site by following links</li> <li>Loading: Each page is fully loaded including JavaScript</li> <li>Testing: We run hundreds of accessibility checks on each page</li> <li>Reporting: Issues are categorized and saved to your dashboard</li> </ol> Scan Time A typical 25-page website takes 2-5 minutes to scan. Duration depends on number of pages, page complexity, and your plan. After the Scan You will see: <ul> <li>Overall Score: A grade from A to F</li> <li>Issue Count: Total accessibility issues found</li> <li>Issue Breakdown: Issues grouped by severity (Critical, Serious, Moderate, Minor)</li> </ul> Click on any issue to see details and learn how to fix it.

Q: Scan Not Finding Pages

Common Reasons <ol> <li>No Sitemap: Check https://yoursite.com/sitemap.xml - generate one if missing</li> <li>Pages Not Linked: Ensure important pages are linked from navigation</li> <li>JavaScript Navigation: Check if URLs change when navigating</li> <li>Robots.txt Blocking: Check for Disallow: / and allow our crawler</li> <li>Hit Page Limit: Upgrade or configure page priorities</li> </ol> Solutions <ul> <li>Add a sitemap URL in Project Settings &gt; Scan Configuration</li> <li>Specify pages manually in Project Settings &gt; Pages to Include</li> <li>Upload a sitemap file</li> </ul> Still Having Issues? Check pages are publicly accessible, verify no login requirements, ensure 200 status codes, and contact support.

Q: Making Links Accessible

Common Problems <ol> <li>Vague link text: Click here tells users nothing Fix: View pricing plans instead</li> <li>Images as links: Alt text should describe the destination Example: alt="AccessCheck home page"</li> <li>Opening new windows: Tell users what will happen Add (opens in new tab) to the link text</li> </ol> Good Link Text <ul> <li>Makes sense out of context</li> <li>Describes what users will find</li> <li>Is concise (2-5 words)</li> <li>Is unique (no duplicate text for different destinations)</li> </ul> Keyboard Navigation Users must be able to: <ul> <li>Reach all links using Tab key</li> <li>Activate links using Enter key</li> <li>See a visible focus indicator</li> </ul>

Question 1

Fixing Color Contrast Issues

Accepted Answer

Contrast Ratio Requirements

Normal text: Minimum 4.5:1 (AA)
Large text (18pt+): Minimum 3:1 (AA)
UI components: Minimum 3:1

Common Problem Areas

Light gray text on white backgrounds
Placeholder text in form fields
Links that blend with body text
Buttons with low-contrast text
Text on images without solid backgrounds

How to Fix

Click on a contrast issue in AccessCheck to see the failing colors and ratios
Choose new colors by darkening text or lightening background
Update your CSS

Before: .text-muted { color: #999999; } (Only 2.85:1) After: .text-muted { color: #767676; } (4.54:1)

Tips

Design with accessibility first, use contrast checker plugins, and test in grayscale.

Question 2

Managing Your Subscription

Accepted Answer

Upgrading Your Plan

Go to Billing
Click Upgrade Plan
Select your new plan
Confirm payment

Changes take effect immediately. You are charged the prorated difference.

Downgrading Your Plan

Go to Billing
Click Change Plan
Select a lower tier

Change takes effect at the end of your billing period.

Canceling

Go to Billing
Click Cancel Subscription
Confirm

You keep access until the end of your paid period. Data is retained for 30 days.

Need Help?

Contact support@accesscheck.io for refund requests, plan recommendations, enterprise pricing, or non-profit discounts.

Question 3

What is AccessCheck?

Accepted Answer

AccessCheck is an accessibility scanning tool that helps you find and fix issues that prevent people with disabilities from using your website.

Why Accessibility Matters

Over 1 billion people worldwide live with some form of disability. When your website is not accessible, you are excluding a significant portion of potential customers and may be violating legal requirements.

Common accessibility issues include:

Images without descriptions (alt text)
Low contrast text that is hard to read
Buttons that cannot be clicked with a keyboard
Videos without captions

What AccessCheck Does

AccessCheck scans your website pages and identifies issues that violate WCAG (Web Content Accessibility Guidelines) standards. For each issue found, you get:

A clear description of what is wrong
Why it matters for users with disabilities
How to fix it with step-by-step instructions
Code snippets showing exactly what to change

WCAG Compliance Levels

Level A: Minimum level - must fix these issues
Level AA: Recommended level - required by most laws
Level AAA: Highest level - aspirational for most sites

Most accessibility laws require Level AA compliance. AccessCheck checks your site against Level AA by default.

Question 4

Running Your First Scan

Accepted Answer

Starting a Scan

Go to your Projects page
Click on the project you want to scan
Click the Run Scan button

The scan will begin immediately and you will see a progress indicator.

What Happens During a Scan

Crawling: We find pages on your site by following links
Loading: Each page is fully loaded including JavaScript
Testing: We run hundreds of accessibility checks on each page
Reporting: Issues are categorized and saved to your dashboard

Scan Time

A typical 25-page website takes 2-5 minutes to scan. Duration depends on number of pages, page complexity, and your plan.

After the Scan

You will see:

Overall Score: A grade from A to F
Issue Count: Total accessibility issues found
Issue Breakdown: Issues grouped by severity (Critical, Serious, Moderate, Minor)

Click on any issue to see details and learn how to fix it.

Question 5

Scan Not Finding Pages

Accepted Answer

Common Reasons

No Sitemap: Check https://yoursite.com/sitemap.xml - generate one if missing
Pages Not Linked: Ensure important pages are linked from navigation
JavaScript Navigation: Check if URLs change when navigating
Robots.txt Blocking: Check for Disallow: / and allow our crawler
Hit Page Limit: Upgrade or configure page priorities

Solutions

Add a sitemap URL in Project Settings > Scan Configuration
Specify pages manually in Project Settings > Pages to Include
Upload a sitemap file

Still Having Issues?

Check pages are publicly accessible, verify no login requirements, ensure 200 status codes, and contact support.

Question 6

Making Links Accessible

Accepted Answer

Common Problems

Vague link text: Click here tells users nothing Fix: View pricing plans instead
Images as links: Alt text should describe the destination Example: alt="AccessCheck home page"
Opening new windows: Tell users what will happen Add (opens in new tab) to the link text

Good Link Text

Makes sense out of context
Describes what users will find
Is concise (2-5 words)
Is unique (no duplicate text for different destinations)

Keyboard Navigation

Users must be able to:

Reach all links using Tab key
Activate links using Enter key
See a visible focus indicator

Frequently Read Articles

Browse All Categories