Skip to main content

Issues Page

What is the Issues Page?​

The Issues page is where you can see all accessibility issues found during your site scans. Issues are organized by type and severity, so you can easily understand what to fix and where to intervene.

What you'll find on the Issues Page​

The page is organized into several sections:

  1. Quick Statistics - Five cards with main numbers
  2. Filters and Search - To find specific issues (PRO only)
  3. Issues List - Organized by severity (Critical, Warning, Info)

Quick Statistics​

At the top of the page you see five cards with the main statistics:

Total Issues​

This card shows the total number of issues found in all scans. It's the overall number of all issues, regardless of severity.

Critical Issues​

This card shows how many critical issues there are. Critical issues are the most important to fix because they prevent or make it very difficult to access content.

Warning Issues​

This card shows how many warning issues there are. Warnings make using the site more difficult but don't completely block it.

Info Issues​

This card shows how many informational issues there are. These are suggestions and best practices to improve accessibility.

WCAG Levels​

This card shows the distribution of issues by WCAG level:

  • A: Issues that violate basic requirements (Level A)
  • AA: Issues that violate standard requirements (Level AA)

Available only for: PRO plan or higher

If you have a PRO or ENTERPRISE plan, you can use filters to find specific issues.

The search field allows you to search for issues by:

  • Issue description
  • Recommendation
  • Element selector
  • WCAG reference

How to use it:

  1. Type the text you want to search for in the search field
  2. Results update automatically as you type
  3. Search is case-insensitive (doesn't distinguish uppercase/lowercase)

Severity Filter​

The dropdown menu allows you to filter issues by severity:

  • All: Shows all issues
  • Critical: Shows only critical issues
  • Warning: Shows only warning issues
  • Info: Shows only informational issues

How to use it:

  1. Click the dropdown menu
  2. Choose the severity you want to see
  3. The list updates automatically

Issues List​

Issues are organized into three main sections, ordered by importance:

Critical Issues Section​

This section shows all critical issues found. They are the most important to fix.

Features:

  • Red color to indicate urgency
  • Alert triangle icon
  • Badge with the number of critical issues

Warning Issues Section​

This section shows all warning issues found. They are important but less urgent than critical ones.

Features:

  • Yellow color to indicate attention
  • Alert circle icon
  • Badge with the number of warning issues

Info Issues Section​

This section shows all informational issues found. They are useful suggestions but not urgent.

Features:

  • Blue color to indicate information
  • Info icon
  • Badge with the number of info issues

Issue Card​

Each issue is shown in a card with all necessary information.

Card Header​

In the card header you see:

  • Issue type: The name of the issue type (e.g., "missing_alt_image")
  • Number of errors: How many errors of this type were found
  • Severity: Colored badge indicating severity (Critical, Warning, Info)
  • WCAG level: Badge indicating WCAG level (A or AA)
  • Affected pages: How many pages have this issue

Card Content​

In the card content you see:

Issue Description

  • A clear description of what the problem is
  • Colored icon based on severity

Recommendation

  • An explanation of how to fix the problem
  • Practical suggestions to fix it

References

  • WCAG reference: The reference to WCAG guidelines
  • EAA reference: The reference to EAA guidelines
  • Affected pages: The number of pages that have this issue

Pages and Scans

  • List of the first 5 pages that have this issue
  • For each page you see:
    • Page title (or hostname if not available)
    • Full URL
    • "Report" button to see the detailed report of that page
  • If there are more than 5 pages, you see a message indicating how many other pages there are

Code Examples

  • Up to 3 code examples showing where the problem is found
  • For each example you see:
    • Title of the page where it was found
    • Element selector (where it's located in the code)
    • Element HTML (the actual HTML code)

Available Actions​

For each issue you can perform several actions:

Exclude (ENTERPRISE only)

  • Excludes this type of issue from reporting
  • Useful when you've fixed the issue and don't want to see it in reports anymore
  • Button is disabled if the issue is already excluded

Include (ENTERPRISE only)

  • Includes this type of issue in reporting again
  • Useful if you excluded an issue by mistake or if it reappeared
  • Button is disabled if the issue is not excluded

Scan (ENTERPRISE only)

  • Performs a new scan of all pages that have this issue
  • Useful to verify if you've fixed the issue after making changes
  • Shows a progress bar during scanning
  • At the end shows a summary with results

View All

  • Opens a detailed page with all errors of this type
  • Shows all examples and all affected pages
  • Useful to see all details on a single page

Progress Bar​

When you run a batch scan (Scan button), you see a fixed progress bar at the bottom of the page.

What it shows:

  • Title: "Scanning in progress"
  • Progress: Number of completed scans / total (e.g., "3/10")
  • Bar: Visual bar showing completion percentage
  • Current URL: Which page is currently being scanned

The bar remains visible until all scans are completed.

Page States​

Loading​

When the page is loading, you see an animated spinner and the message "Loading...". Wait for loading to finish before using filters.

No Issues​

If there are no issues (or filters don't show results), you see a message with:

  • Green checkmark icon
  • Title: "No issues found"
  • Description explaining why there are no issues

No Scans​

If you haven't done any scans yet, you won't see issues. In this case:

  1. Go to the Dashboard
  2. Scan your site
  3. Return to the Issues page to see results

How to use the Issues Page​

1. Start with Critical Issues​

Critical issues are the most important. Always start with those:

  1. Go to the "Critical Issues" section
  2. Read the description and recommendation
  3. Look at code examples to understand where to intervene
  4. Fix the issue on your site
  5. (Optional) Use "Scan" to verify it's been fixed

2. Use Filters to Find Specific Issues​

If you're looking for a specific issue:

  1. Use the search field to search by keyword
  2. Or use the severity filter to see only critical, warning, or info
  3. Combine search and filter for more precise results

3. Exclude Fixed Issues​

After fixing an issue:

  1. Click "Exclude" to remove it from reports
  2. The issue won't appear in statistics anymore
  3. If the issue reappears in the future, you can use "Include" to put it back

4. Verify Fixes​

After making changes to the site:

  1. Click "Scan" for the issue you fixed
  2. Wait for the scan to finish
  3. Check if the issue has been resolved

5. See Complete Details​

To see all details of an issue:

  1. Click "View All"
  2. See all affected pages
  3. See all code examples
  4. Have a complete view of the issue

Tips​

Priority​

  1. Critical first: Always fix critical issues first
  2. Then warnings: After critical, move to warnings
  3. Finally info: Info suggestions can wait

Organization​

  • Use filters: Filters help you focus on what interests you
  • Group by type: Issues are already grouped by type, so you can fix all similar ones together
  • Count pages: The number of affected pages tells you how widespread the issue is

Verification​

  • Scan after fixes: Use the "Scan" button to verify your fixes work
  • Exclude only when sure: Exclude an issue only when you're sure you've completely fixed it
  • Check multiple pages: If an issue appears on many pages, it might be a systemic issue to fix once and for all

Frequently Asked Questions​

Why do some issues appear multiple times?​

Issues are grouped by type and description. If you see the same issue on multiple pages, it's shown only once with the number of affected pages. This allows you to see the overall impact of the issue.

What does "Affected pages" mean?​

"Affected pages" indicates how many different pages have this issue. If you see "5 pages", it means this issue was found on 5 different pages of your site.

Can I exclude an issue from a single page?​

No, exclusion works by issue type. If you exclude an issue, it's excluded from all pages. If you want to manage individual issues, use the issue detail page.

What happens when I exclude an issue?​

When you exclude an issue:

  • It no longer appears in statistics
  • It's not counted in reports
  • You can always re-include it with the "Include" button

How long does it take to scan all pages?​

It depends on how many pages have the issue. The progress bar shows you progress in real time. Each page is scanned one at a time.

Can I see all code examples?​

Yes! Click "View All" to see a detailed page with all examples and all affected pages.

Conclusion​

The Issues page is your control center for managing all accessibility issues on your site. It helps you understand what to fix, where to intervene, and how to verify fixes. Use filters to find specific issues, always start with critical ones, and always verify your fixes with new scans.