accessibility-checker-engine - npm Package Compare versions

Comparing version 3.1.19 to 3.1.20

help/common/help.js

@@ -111,13 +111,3 @@ /******************************************************************************
 
-window.addEventListener("DOMContentLoaded", (evt) => {
-    let groupMsg = typeof RULE_MESSAGES !== "undefined" && (RULE_MESSAGES["en-US"].group || RULE_MESSAGES["en-US"][0]) || "";
-    groupMsg = groupMsg.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-    document.querySelector("#groupLabel").innerHTML = groupMsg;
-    let ruleInfo;
-    if (window.location.search && window.location.search.length > 0) {
-        const searchParams = new URLSearchParams(window.location.search);
-        ruleInfo = JSON.parse(decodeURIComponent(searchParams.get("issue")));
-    } else if (window.location.hash && window.location.hash.length > 0) {
-        ruleInfo = JSON.parse(decodeURIComponent(window.location.hash.substring(1)));
-    }
+function updateWithRuleInfo(ruleInfo) {
     if (ruleInfo) {
@@ -145,5 +135,42 @@ if (ruleInfo.message) {
             let icon = "";
-            if (val === "Violation") icon = `<img src="../assets/Violation16.svg" alt="" />`;
-            if (val === "Needs review") icon = `<img src="../assets/NeedsReview16.svg" alt="" />`;
-            if (val === "Recommendation") icon = `<img src="../assets/Recommendation16.svg" alt="" />`;
+            if (val === "Violation") icon = `<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+width="16px" height="16px" viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve" aria-hidden="true">
+<style type="text/css">
+.st0{fill:none;}
+.st1{fill:#A2191F;}
+.st2{fill:#FFFFFF;fill-opacity:0;}
+</style>
+<rect class="st0" width="16" height="16"/>
+<path class="st1" d="M8,1C4.1,1,1,4.1,1,8s3.1,7,7,7s7-3.1,7-7S11.9,1,8,1z M10.7,11.5L4.5,5.3l0.8-0.8l6.2,6.2L10.7,11.5z"/>
+<path class="st2" d="M10.7,11.5L4.5,5.3l0.8-0.8l6.2,6.2L10.7,11.5z"/>
+</svg>`;
+            if (val === "Needs review") icon = `<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+width="16px" height="16px" viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve" aria-hidden="true">
+<style type="text/css">
+.st0{fill:none;}
+.st1{fill:#F1C21B;}
+</style>
+<rect class="st0" width="16" height="16"/>
+<path class="st1" d="M14.9,13.3l-6.5-12C8.3,1,8,0.9,7.8,1.1c-0.1,0-0.2,0.1-0.2,0.2l-6.5,12c-0.1,0.1-0.1,0.3,0,0.5
+C1.2,13.9,1.3,14,1.5,14h13c0.2,0,0.3-0.1,0.4-0.2C15,13.6,15,13.4,14.9,13.3z M7.4,4h1.1v5H7.4V4z M8,11.8c-0.4,0-0.8-0.4-0.8-0.8
+s0.4-0.8,0.8-0.8c0.4,0,0.8,0.4,0.8,0.8S8.4,11.8,8,11.8z"/>
+<g><g><g>
+<rect x="7.45" y="4" width="1.1" height="5"/>
+</g></g><g><g>
+<circle cx="8" cy="11" r="0.8"/>
+</g></g></g>
+</svg>`;
+            if (val === "Recommendation") icon = `<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+width="16px" height="16px" viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve" aria-hidden="true">
+<style type="text/css">
+.st0{fill:none;}
+.st1{fill:#0043CE;}
+.st2{fill:#FFFFFF;}
+.st3{font-family:'IBMPlexSerif';}
+.st4{font-size:12.9996px;}
+</style>
+<rect class="st0" width="16" height="16"/>
+<path class="st1" d="M14,15H2c-0.6,0-1-0.4-1-1V2c0-0.6,0.4-1,1-1h12c0.6,0,1,0.4,1,1v12C15,14.6,14.6,15,14,15z"/>
+<text transform="matrix(1 0 0 1 5.9528 12.5044)" class="st2 st3 st4">i</text>
+</svg>`;
             document.querySelector("#locLevel").innerHTML = `<div class="issueLevel">${icon}&nbsp;${val}</div>`;
@@ -155,3 +182,24 @@ }
     }
+}
+
+if ("onhashchange" in window) {// does the browser support the hashchange event?
+    window.onhashchange = function () {
+        let ruleInfo = JSON.parse(decodeURIComponent(window.location.hash.substring(1)));
+        updateWithRuleInfo(ruleInfo);
+    }
+}
+
+window.addEventListener("DOMContentLoaded", (evt) => {
+    let groupMsg = typeof RULE_MESSAGES !== "undefined" && (RULE_MESSAGES["en-US"].group || RULE_MESSAGES["en-US"][0]) || "";
+    groupMsg = groupMsg.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+    document.querySelector("#groupLabel").innerHTML = groupMsg;
+    let ruleInfo;
+    if (window.location.search && window.location.search.length > 0) {
+        const searchParams = new URLSearchParams(window.location.search);
+        ruleInfo = JSON.parse(decodeURIComponent(searchParams.get("issue")));
+    } else if (window.location.hash && window.location.hash.length > 0) {
+        ruleInfo = JSON.parse(decodeURIComponent(window.location.hash.substring(1)));
+    }
+    updateWithRuleInfo(ruleInfo);
 })
 

package.json

 {
   "name": "accessibility-checker-engine",
-  "version": "3.1.19",
+  "version": "3.1.20",
   "description": "An automated accessibility checking engine for use by other tools",
@@ -5,0 +5,0 @@ "main": "ace.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

6619861

increased by0.03%

Lines of code

49710

increased by0.09%

No dependency changes