Web Reports

The Evinced report

The main object returned by Evinced SDK is the accessibility report.

Report

Accessibility test result object holds a list of Issues

Issue

Each issue represents an accessibility violation. An issue consists of:

• id, signature - Unique identifiers of the issue
• summary - Short human-readable description of the issue
• description - Detailed human-readable description of the issue
• type - Violation type
  • Example - image-alt
• severity - Violation severity
  • Examples - critical, serious, minor
• additionalInformation - Detailed information about the violation
• elements - List of DOM elements that are a part of the violation, including the specific DOM snippet and CSS selector(s)
• tags - List of WCAG rules related to this validation
• knowledgeBaseLink - Link to Evinced Knowledge Base with more information regarding the violation

JSON report example

1{
2    "id": "71848fe9-8db2-4ab7-853f-f04e881659f3",
3    "index": "I1",
4    "signature": "31d1a4b5",
5    "type": {
6        "id": "WRONG_SEMANTIC_ROLE",
7        "name": "Interactable Role"
8    },
9    "severity": {
10        "id": "CRITICAL",
11        "name": "Critical"
12    },
13    "summary": "Screen readers do not interpret the element as interactable.",
14    "description": "**Cause:** Missing or incorrect semantics prevent screen readers from interpreting an element as interactable.  \n**Effect:** Screen reader either does not navigate to the element or navigates to it but does not correctly convey its function to the user.  \n**Suggested Solutions:**\n* Change the element's tag to correctly reflect its type, ie: <*button*>, <*a*> or <*input*><*/input*>  \n* Add attributes (ARIA) to indicate the element's type and/or potential functionalities.  \n",
15    "additionalInformation": {},
16    "duplicates": null,
17    "elements": [
18        {
19            "componentId": "ce13d0bb",
20            "domSnippet": "<div class=\"dropdown line\"><p>Select</p></div>",
21            "id": "4a832335-8220-4044-92dc-5c0fe2abedb5",
22            "index": "S1",
23            "pageUrl": "https://demo.evinced.com/",
24            "selector": "#gatsby-focus-wrapper > MAIN:nth-child(1) > DIV:nth-child(1) > DIV:nth-child(4) > DIV:nth-child(1) > DIV:nth-child(1) > DIV:nth-child(2)"
25        }
26    ],
27    "firstSeenTime": 1626457426636,
28    "tags": [
29        {
30            "description": "1.3.1 Info and Relationships  (Level A)",
31            "id": "WCAG-1.3.1",
32            "link": "https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html"
33        },
34        {
35            "description": null,
36            "id": "WCAG-A",
37            "link": null
38        },
39        {
40            "description": null,
41            "id": "WCAG2.0",
42            "link": null
43        }
44    ],
45    "knowledgeBaseLink": "https://knowledge.evinced.com/system-validations/interactable-role"
46}

HTML report example