70 lines
3.0 KiB
JSON
70 lines
3.0 KiB
JSON
{
|
|
"_comment": "Example JSON output of an accessibility scan. Represents scan results for a single URL.",
|
|
"scan_url": "https://www.example.com/product-page",
|
|
"scan_timestamp": "2024-10-27T10:00:00Z",
|
|
"wcag_version": "WCAG 2.2",
|
|
"overall_score": 75,
|
|
"overall_status": "Needs Improvement",
|
|
"issues": [
|
|
{
|
|
"_comment": "Example of a contrast issue.",
|
|
"id": "contrast-aa",
|
|
"code": "WCAG 1.4.3",
|
|
"severity": "serious",
|
|
"description": "Text contrast is below the recommended level for WCAG AA.",
|
|
"message": "The contrast ratio between the text color '#A9A9A9' and background color '#FFFFFF' is only 2.2:1. The minimum required ratio is 4.5:1.",
|
|
"context": "<p class=\"product-description\">This is a product description.</p>",
|
|
"selector": "p.product-description",
|
|
"help_url": "https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html",
|
|
"impact": "Users with low vision may have difficulty reading this text.",
|
|
"tags": ["wcag2a", "wcag1_4_3", "visual"]
|
|
},
|
|
{
|
|
"_comment": "Example of an ARIA issue.",
|
|
"id": "aria-required-children",
|
|
"code": "ARIA 4.1",
|
|
"severity": "moderate",
|
|
"description": "ARIA role requires children to contain particular roles.",
|
|
"message": "The element with role 'menubar' must have required children with role 'menuitem'.",
|
|
"context": "<ul role=\"menubar\">...</ul>",
|
|
"selector": "ul[role=\"menubar\"]",
|
|
"help_url": "https://www.w3.org/TR/wai-aria-1.2/#menubar",
|
|
"impact": "Screen reader users may not be able to properly navigate the menu.",
|
|
"tags": ["aria", "keyboard", "screenreader"]
|
|
},
|
|
{
|
|
"_comment": "Example of a keyboard navigation issue.",
|
|
"id": "keyboard-navigation",
|
|
"code": "WCAG 2.1.1",
|
|
"severity": "minor",
|
|
"description": "Ensure all page functionality is available using the keyboard.",
|
|
"message": "The 'Skip to Content' link is not visible when it receives focus.",
|
|
"context": "<a href=\"#content\" class=\"skip-link\">Skip to Content</a>",
|
|
"selector": "a.skip-link",
|
|
"help_url": "https://www.w3.org/WAI/WCAG21/Understanding/keyboard.html",
|
|
"impact": "Users who rely on keyboard navigation may not be able to easily bypass repetitive content.",
|
|
"tags": ["wcag2a", "wcag2_1_1", "keyboard"]
|
|
},
|
|
{
|
|
"_comment": "Example of an image alt text issue.",
|
|
"id": "image-alt",
|
|
"code": "WCAG 1.1.1",
|
|
"severity": "critical",
|
|
"description": "Images must have alternate text.",
|
|
"message": "Image missing an alt attribute.",
|
|
"context": "<img src=\"product.jpg\"/>",
|
|
"selector": "img[src=\"product.jpg\"]",
|
|
"help_url": "https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html",
|
|
"impact": "Screen reader users will not understand the purpose of the image.",
|
|
"tags": ["wcag2a", "wcag1_1_1", "images", "screenreader"]
|
|
}
|
|
],
|
|
"summary": {
|
|
"critical": 1,
|
|
"serious": 1,
|
|
"moderate": 1,
|
|
"minor": 1,
|
|
"passed": 125
|
|
},
|
|
"axe_version": "4.8.2"
|
|
} |