![](\"https://s3.amazonaws.com/ticksy-wp-media/wp/wp-content/uploads/2015/03/311…\")
",
"nodeLabel": "div.shell > ul.cf > li > img"
}
},
{
"url": "https://s3.amazonaws.com/ticksy-wp-media/wp/wp-content/uploads/2015/03/31191158/cr3ativ1.png",
"node": {
"type": "node",
"lhId": "1-36-IMG",
"path": "1,HTML,1,BODY,1,DIV,2,DIV,0,DIV,0,UL,0,LI,0,IMG",
"selector": "div.shell > ul.cf > li > img",
"boundingRect": {
"top": 4040,
"bottom": 4064,
"left": 117,
"right": 295,
"width": 178,
"height": 24
},
"snippet": "",
"nodeLabel": "div.shell > ul.cf > li > img"
}
}
]
},
"guidanceLevel": 4
},
"valid-source-maps": {
"id": "valid-source-maps",
"title": "Page has valid source maps",
"description": "Source maps translate minified code to the original source code. This helps developers debug in production. In addition, Lighthouse is able to provide further insights. Consider deploying source maps to take advantage of these benefits. [Learn more about source maps](https://developer.chrome.com/docs/devtools/javascript/source-maps/).",
"score": 1,
"scoreDisplayMode": "binary",
"details": {
"type": "table",
"headings": [
{
"key": "scriptUrl",
"valueType": "url",
"subItemsHeading": {
"key": "error"
},
"label": "URL"
},
{
"key": "sourceMapUrl",
"valueType": "url",
"label": "Map URL"
}
],
"items": []
}
},
"csp-xss": {
"id": "csp-xss",
"title": "Ensure CSP is effective against XSS attacks",
"description": "A strong Content Security Policy (CSP) significantly reduces the risk of cross-site scripting (XSS) attacks. [Learn how to use a CSP to prevent XSS](https://developer.chrome.com/docs/lighthouse/best-practices/csp-xss/)",
"score": 1,
"scoreDisplayMode": "informative",
"details": {
"type": "table",
"headings": [
{
"key": "description",
"valueType": "text",
"subItemsHeading": {
"key": "description"
},
"label": "Description"
},
{
"key": "directive",
"valueType": "code",
"subItemsHeading": {
"key": "directive"
},
"label": "Directive"
},
{
"key": "severity",
"valueType": "text",
"subItemsHeading": {
"key": "severity"
},
"label": "Severity"
}
],
"items": [
{
"directive": "script-src",
"description": "`script-src` directive is missing. This can allow the execution of unsafe scripts.",
"severity": "High"
},
{
"directive": "object-src",
"description": "Missing `object-src` allows the injection of plugins that execute unsafe scripts. Consider setting `object-src` to `'none'` if you can.",
"severity": "High"
}
]
}
},
"has-hsts": {
"id": "has-hsts",
"title": "Use a strong HSTS policy",
"description": "Deployment of the HSTS header significantly reduces the risk of downgrading HTTP connections and eavesdropping attacks. A rollout in stages, starting with a low max-age is recommended. [Learn more about using a strong HSTS policy.](https://developer.chrome.com/docs/lighthouse/best-practices/has-hsts)",
"score": 1,
"scoreDisplayMode": "informative",
"details": {
"type": "table",
"headings": [
{
"key": "description",
"valueType": "text",
"subItemsHeading": {
"key": "description"
},
"label": "Description"
},
{
"key": "directive",
"valueType": "code",
"subItemsHeading": {
"key": "directive"
},
"label": "Directive"
},
{
"key": "severity",
"valueType": "text",
"subItemsHeading": {
"key": "severity"
},
"label": "Severity"
}
],
"items": [
{
"severity": "High",
"description": "No HSTS header found"
}
]
}
},
"origin-isolation": {
"id": "origin-isolation",
"title": "Ensure proper origin isolation with COOP",
"description": "The Cross-Origin-Opener-Policy (COOP) can be used to isolate the top-level window from other documents such as pop-ups. [Learn more about deploying the COOP header.](https://web.dev/articles/why-coop-coep#coop)",
"score": 1,
"scoreDisplayMode": "informative",
"details": {
"type": "table",
"headings": [
{
"key": "description",
"valueType": "text",
"subItemsHeading": {
"key": "description"
},
"label": "Description"
},
{
"key": "directive",
"valueType": "code",
"subItemsHeading": {
"key": "directive"
},
"label": "Directive"
},
{
"key": "severity",
"valueType": "text",
"subItemsHeading": {
"key": "severity"
},
"label": "Severity"
}
],
"items": [
{
"description": "No COOP header found",
"severity": "High"
}
]
}
},
"clickjacking-mitigation": {
"id": "clickjacking-mitigation",
"title": "Mitigate clickjacking with XFO or CSP",
"description": "The `X-Frame-Options` (XFO) header or the `frame-ancestors` directive in the `Content-Security-Policy` (CSP) header control where a page can be embedded. These can mitigate clickjacking attacks by blocking some or all sites from embedding the page. [Learn more about mitigating clickjacking](https://developer.chrome.com/docs/lighthouse/best-practices/clickjacking-mitigation).",
"score": null,
"scoreDisplayMode": "notApplicable",
"details": {
"type": "table",
"headings": [
{
"key": "description",
"valueType": "text",
"subItemsHeading": {
"key": "description"
},
"label": "Description"
},
{
"key": "severity",
"valueType": "text",
"subItemsHeading": {
"key": "severity"
},
"label": "Severity"
}
],
"items": []
}
},
"trusted-types-xss": {
"id": "trusted-types-xss",
"title": "Mitigate DOM-based XSS with Trusted Types",
"description": "The `require-trusted-types-for` directive in the `Content-Security-Policy` (CSP) header instructs user agents to control the data passed to DOM XSS sink functions. [Learn more about mitigating DOM-based XSS with Trusted Types](https://developer.chrome.com/docs/lighthouse/best-practices/trusted-types-xss).",
"score": 1,
"scoreDisplayMode": "informative",
"details": {
"type": "table",
"headings": [
{
"key": "description",
"valueType": "text",
"subItemsHeading": {
"key": "description"
},
"label": "Description"
},
{
"key": "severity",
"valueType": "text",
"subItemsHeading": {
"key": "severity"
},
"label": "Severity"
}
],
"items": [
{
"severity": "High",
"description": "No `Content-Security-Policy` header with Trusted Types directive found"
}
]
}
},
"script-treemap-data": {
"id": "script-treemap-data",
"title": "Script Treemap Data",
"description": "Used for treemap app",
"score": 1,
"scoreDisplayMode": "informative",
"details": {
"type": "treemap-data",
"nodes": [
{
"name": "https://ticksy.com/",
"resourceBytes": 7304,
"encodedBytes": 1789,
"unusedBytes": 1587,
"children": [
{
"name": "(inline) window.dataLaye…",
"resourceBytes": 160,
"unusedBytes": 0
},
{
"name": "(inline) /* `",
"description": "Assistive technologies, like screen readers, work inconsistently when `aria-hidden=\"true\"` is set on the document ``. [Learn how `aria-hidden` affects the document body](https://dequeuniversity.com/rules/axe/4.11/aria-hidden-body).",
"score": 1,
"scoreDisplayMode": "binary",
"details": {
"type": "table",
"headings": [
{
"key": "node",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
},
"label": "Failing Elements"
}
],
"items": []
}
},
"aria-hidden-focus": {
"id": "aria-hidden-focus",
"title": "`[aria-hidden=\"true\"]` elements do not contain focusable descendents",
"description": "Focusable descendents within an `[aria-hidden=\"true\"]` element prevent those interactive elements from being available to users of assistive technologies like screen readers. [Learn how `aria-hidden` affects focusable elements](https://dequeuniversity.com/rules/axe/4.11/aria-hidden-focus).",
"score": 1,
"scoreDisplayMode": "binary",
"details": {
"type": "table",
"headings": [
{
"key": "node",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
},
"label": "Failing Elements"
}
],
"items": []
}
},
"aria-input-field-name": {
"id": "aria-input-field-name",
"title": "ARIA input fields have accessible names",
"description": "When an input field doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn more about input field labels](https://dequeuniversity.com/rules/axe/4.11/aria-input-field-name).",
"score": null,
"scoreDisplayMode": "notApplicable"
},
"aria-meter-name": {
"id": "aria-meter-name",
"title": "ARIA `meter` elements have accessible names",
"description": "When a meter element doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn how to name `meter` elements](https://dequeuniversity.com/rules/axe/4.11/aria-meter-name).",
"score": null,
"scoreDisplayMode": "notApplicable"
},
"aria-progressbar-name": {
"id": "aria-progressbar-name",
"title": "ARIA `progressbar` elements have accessible names",
"description": "When a `progressbar` element doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn how to label `progressbar` elements](https://dequeuniversity.com/rules/axe/4.11/aria-progressbar-name).",
"score": null,
"scoreDisplayMode": "notApplicable"
},
"aria-prohibited-attr": {
"id": "aria-prohibited-attr",
"title": "Elements use only permitted ARIA attributes",
"description": "Using ARIA attributes in roles where they are prohibited can mean that important information is not communicated to users of assistive technologies. [Learn more about prohibited ARIA roles](https://dequeuniversity.com/rules/axe/4.11/aria-prohibited-attr).",
"score": 1,
"scoreDisplayMode": "binary",
"details": {
"type": "table",
"headings": [
{
"key": "node",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
},
"label": "Failing Elements"
}
],
"items": []
}
},
"aria-required-attr": {
"id": "aria-required-attr",
"title": "`[role]`s have all required `[aria-*]` attributes",
"description": "Some ARIA roles have required attributes that describe the state of the element to screen readers. [Learn more about roles and required attributes](https://dequeuniversity.com/rules/axe/4.11/aria-required-attr).",
"score": null,
"scoreDisplayMode": "notApplicable"
},
"aria-required-children": {
"id": "aria-required-children",
"title": "Elements with an ARIA `[role]` that require children to contain a specific `[role]` have all required children.",
"description": "Some ARIA parent roles must contain specific child roles to perform their intended accessibility functions. [Learn more about roles and required children elements](https://dequeuniversity.com/rules/axe/4.11/aria-required-children).",
"score": null,
"scoreDisplayMode": "notApplicable"
},
"aria-required-parent": {
"id": "aria-required-parent",
"title": "`[role]`s are contained by their required parent element",
"description": "Some ARIA child roles must be contained by specific parent roles to properly perform their intended accessibility functions. [Learn more about ARIA roles and required parent element](https://dequeuniversity.com/rules/axe/4.11/aria-required-parent).",
"score": null,
"scoreDisplayMode": "notApplicable"
},
"aria-roles": {
"id": "aria-roles",
"title": "`[role]` values are valid",
"description": "ARIA roles must have valid values in order to perform their intended accessibility functions. [Learn more about valid ARIA roles](https://dequeuniversity.com/rules/axe/4.11/aria-roles).",
"score": null,
"scoreDisplayMode": "notApplicable"
},
"aria-text": {
"id": "aria-text",
"title": "Elements with the `role=text` attribute do not have focusable descendents.",
"description": "Adding `role=text` around a text node split by markup enables VoiceOver to treat it as one phrase, but the element's focusable descendents will not be announced. [Learn more about the `role=text` attribute](https://dequeuniversity.com/rules/axe/4.11/aria-text).",
"score": null,
"scoreDisplayMode": "notApplicable"
},
"aria-toggle-field-name": {
"id": "aria-toggle-field-name",
"title": "ARIA toggle fields have accessible names",
"description": "When a toggle field doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn more about toggle fields](https://dequeuniversity.com/rules/axe/4.11/aria-toggle-field-name).",
"score": null,
"scoreDisplayMode": "notApplicable"
},
"aria-tooltip-name": {
"id": "aria-tooltip-name",
"title": "ARIA `tooltip` elements have accessible names",
"description": "When a tooltip element doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn how to name `tooltip` elements](https://dequeuniversity.com/rules/axe/4.11/aria-tooltip-name).",
"score": null,
"scoreDisplayMode": "notApplicable"
},
"aria-treeitem-name": {
"id": "aria-treeitem-name",
"title": "ARIA `treeitem` elements have accessible names",
"description": "When a `treeitem` element doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn more about labeling `treeitem` elements](https://dequeuniversity.com/rules/axe/4.11/aria-treeitem-name).",
"score": null,
"scoreDisplayMode": "notApplicable"
},
"aria-valid-attr-value": {
"id": "aria-valid-attr-value",
"title": "`[aria-*]` attributes have valid values",
"description": "Assistive technologies, like screen readers, can't interpret ARIA attributes with invalid values. [Learn more about valid values for ARIA attributes](https://dequeuniversity.com/rules/axe/4.11/aria-valid-attr-value).",
"score": 1,
"scoreDisplayMode": "binary",
"details": {
"type": "table",
"headings": [
{
"key": "node",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
},
"label": "Failing Elements"
}
],
"items": []
}
},
"aria-valid-attr": {
"id": "aria-valid-attr",
"title": "`[aria-*]` attributes are valid and not misspelled",
"description": "Assistive technologies, like screen readers, can't interpret ARIA attributes with invalid names. [Learn more about valid ARIA attributes](https://dequeuniversity.com/rules/axe/4.11/aria-valid-attr).",
"score": 1,
"scoreDisplayMode": "binary",
"details": {
"type": "table",
"headings": [
{
"key": "node",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
},
"label": "Failing Elements"
}
],
"items": []
}
},
"button-name": {
"id": "button-name",
"title": "Buttons have an accessible name",
"description": "When a button doesn't have an accessible name, screen readers announce it as \"button\", making it unusable for users who rely on screen readers. [Learn how to make buttons more accessible](https://dequeuniversity.com/rules/axe/4.11/button-name).",
"score": 1,
"scoreDisplayMode": "binary",
"details": {
"type": "table",
"headings": [
{
"key": "node",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
},
"label": "Failing Elements"
}
],
"items": []
}
},
"bypass": {
"id": "bypass",
"title": "The page contains a heading, skip link, or landmark region",
"description": "Adding ways to bypass repetitive content lets keyboard users navigate the page more efficiently. [Learn more about bypass blocks](https://dequeuniversity.com/rules/axe/4.11/bypass).",
"score": null,
"scoreDisplayMode": "notApplicable"
},
"color-contrast": {
"id": "color-contrast",
"title": "Background and foreground colors do not have a sufficient contrast ratio.",
"description": "Low-contrast text is difficult or impossible for many users to read. [Learn how to provide sufficient color contrast](https://dequeuniversity.com/rules/axe/4.11/color-contrast).",
"score": 0,
"scoreDisplayMode": "binary",
"details": {
"type": "table",
"headings": [
{
"key": "node",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
},
"label": "Failing Elements"
}
],
"items": [
{
"node": {
"type": "node",
"lhId": "1-0-P",
"path": "1,HTML,1,BODY,1,DIV,1,DIV,1,DIV,0,UL,0,LI,1,DIV,1,P",
"selector": "ul.cf > li > div.content > p",
"boundingRect": {
"top": 821,
"bottom": 1038,
"left": 118,
"right": 383,
"width": 265,
"height": 218
},
"snippet": "", "nodeLabel": "Private tickets are just between you and your customers, but Public tickets are…", "explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.73 (foreground color: #7d7d7d, background color: #f3f4f5, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1" }, "subItems": { "type": "subitems", "items": [ { "relatedNode": { "type": "node", "lhId": "1-1-DIV", "path": "1,HTML,1,BODY,1,DIV,1,DIV,1,DIV", "selector": "body.home > div#content > div#features > div.features-row", "boundingRect": { "top": 740, "bottom": 1492, "left": 0, "right": 412, "width": 412, "height": 752 }, "snippet": "
", "nodeLabel": "Connect your Envato Market account to provide your customers with a one-click s…", "explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.73 (foreground color: #7d7d7d, background color: #f3f4f5, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1" }, "subItems": { "type": "subitems", "items": [ { "relatedNode": { "type": "node", "lhId": "1-1-DIV", "path": "1,HTML,1,BODY,1,DIV,1,DIV,1,DIV", "selector": "body.home > div#content > div#features > div.features-row", "boundingRect": { "top": 740, "bottom": 1492, "left": 0, "right": 412, "width": 412, "height": 752 }, "snippet": "
", "nodeLabel": "Create an unlimited number of articles and assigned them to one or more categor…", "explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.94 (foreground color: #808080, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1" }, "subItems": { "type": "subitems", "items": [ { "relatedNode": { "type": "node", "lhId": "1-10-DIV", "path": "1,HTML,1,BODY,1,DIV,1,DIV", "selector": "body.home > div#content > div#features", "boundingRect": { "top": 421, "bottom": 3990, "left": 0, "right": 412, "width": 412, "height": 3569 }, "snippet": "
", "nodeLabel": "Branding is important, which is why with Ticksy you can choose a custom subdoma…", "explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.94 (foreground color: #808080, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1" }, "subItems": { "type": "subitems", "items": [ { "relatedNode": { "type": "node", "lhId": "1-10-DIV", "path": "1,HTML,1,BODY,1,DIV,1,DIV", "selector": "body.home > div#content > div#features", "boundingRect": { "top": 421, "bottom": 3990, "left": 0, "right": 412, "width": 412, "height": 3569 }, "snippet": "
", "nodeLabel": "Stay in the loop. Email notifications are sent out for each new ticket & reply.…", "explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.73 (foreground color: #7d7d7d, background color: #f3f4f5, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1" }, "subItems": { "type": "subitems", "items": [ { "relatedNode": { "type": "node", "lhId": "1-13-DIV", "path": "1,HTML,1,BODY,1,DIV,1,DIV,3,DIV", "selector": "body.home > div#content > div#features > div.features-row", "boundingRect": { "top": 2066, "bottom": 2815, "left": 0, "right": 412, "width": 412, "height": 749 }, "snippet": "
", "nodeLabel": "Speed is extremely important when it comes to support, which is why Ticksy boas…", "explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.73 (foreground color: #7d7d7d, background color: #f3f4f5, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1" }, "subItems": { "type": "subitems", "items": [ { "relatedNode": { "type": "node", "lhId": "1-13-DIV", "path": "1,HTML,1,BODY,1,DIV,1,DIV,3,DIV", "selector": "body.home > div#content > div#features > div.features-row", "boundingRect": { "top": 2066, "bottom": 2815, "left": 0, "right": 412, "width": 412, "height": 749 }, "snippet": "
", "nodeLabel": "You can display your system in several different languages. Your support agents…", "explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.94 (foreground color: #808080, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1" }, "subItems": { "type": "subitems", "items": [ { "relatedNode": { "type": "node", "lhId": "1-10-DIV", "path": "1,HTML,1,BODY,1,DIV,1,DIV", "selector": "body.home > div#content > div#features", "boundingRect": { "top": 421, "bottom": 3990, "left": 0, "right": 412, "width": 412, "height": 3569 }, "snippet": "
", "nodeLabel": "Every comment can be \"liked\" by both the support agents and your customers, pro…", "explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.94 (foreground color: #808080, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1" }, "subItems": { "type": "subitems", "items": [ { "relatedNode": { "type": "node", "lhId": "1-10-DIV", "path": "1,HTML,1,BODY,1,DIV,1,DIV", "selector": "body.home > div#content > div#features", "boundingRect": { "top": 421, "bottom": 3990, "left": 0, "right": 412, "width": 412, "height": 3569 }, "snippet": "
", "nodeLabel": "You can define a list of email addresses that your customers can use in order t…", "explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.73 (foreground color: #7d7d7d, background color: #f3f4f5, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1" }, "subItems": { "type": "subitems", "items": [ { "relatedNode": { "type": "node", "lhId": "1-20-DIV", "path": "1,HTML,1,BODY,1,DIV,1,DIV,5,DIV", "selector": "body.home > div#content > div#features > div.features-row", "boundingRect": { "top": 3416, "bottom": 3990, "left": 0, "right": 412, "width": 412, "height": 574 }, "snippet": "
", "nodeLabel": "If you'd like to ask your customers for multiple details when they submit a tic…", "explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.73 (foreground color: #7d7d7d, background color: #f3f4f5, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1" }, "subItems": { "type": "subitems", "items": [ { "relatedNode": { "type": "node", "lhId": "1-20-DIV", "path": "1,HTML,1,BODY,1,DIV,1,DIV,5,DIV", "selector": "body.home > div#content > div#features > div.features-row", "boundingRect": { "top": 3416, "bottom": 3990, "left": 0, "right": 412, "width": 412, "height": 574 }, "snippet": "
", "nodeLabel": "Help your customers at the office or at home, at the airport with your tablet, …", "explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.31 (foreground color: #616e78, background color: #e8e9eb, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1" }, "subItems": { "type": "subitems", "items": [ { "relatedNode": { "type": "node", "lhId": "1-24-DIV", "path": "1,HTML,1,BODY,1,DIV,3,DIV", "selector": "body.home > div#content > div#desk", "boundingRect": { "top": 4669, "bottom": 5102, "left": 0, "right": 412, "width": 412, "height": 433 }, "snippet": "