might be misused as a header, its content should not be marked by any of font, i, b, u, em, strong tags", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #F6976E; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(this).log() + console.log("%cFix:%cUse a header tag instead", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + break + } + } + } + } + } + + ) + }) +} + diff --git a/1_3_5_Identify_Input_Purpose(AA).js b/1_3_5_Identify_Input_Purpose(AA).js new file mode 100755 index 0000000..3ba4ad7 --- /dev/null +++ b/1_3_5_Identify_Input_Purpose(AA).js @@ -0,0 +1,80 @@ +setTimeout(() => { + IdentifyInputPurpose() +}, 600); + +function IdentifyInputPurpose() { + $.fn.log = function () { + console.log.apply(console, this); + return this; + }; + var inputTags = document.querySelectorAll('input') + for (var a = 0; a < inputTags.length; a++) { + if (inputTags[a].type != "hidden") { + if (inputTags[a].autocomplete == undefined || inputTags[a].autocomplete == "") { + console.log("%cRule:%cWCAG 1.3.5 (2.1,AA)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cAutoComplete is missing in input tag", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #F6976E; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(inputTags[a]).log() + console.log("%cFix:%cAdd autocomplete='INPUT PURPOSE'", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + } + + } +} \ No newline at end of file diff --git a/1_3_6_Identify_Purpose(AAA).js b/1_3_6_Identify_Purpose(AAA).js new file mode 100755 index 0000000..49f863b --- /dev/null +++ b/1_3_6_Identify_Purpose(AAA).js @@ -0,0 +1,86 @@ +setTimeout(() => { + IdentifyPurpose() +}, 600); + +function IdentifyPurpose() { + $.fn.log = function () { + console.log.apply(console, this); + return this; + }; + $(document).ready(function () { + $('*').each(function () { + if ($(this).prop("nodeName") == "SECTION" || + $(this).prop("nodeName") == "FORM" || + $(this).prop("nodeName") == "NAV" || + $(this).prop("nodeName") == "MAIN") { + var checkRoleAttr = $(this).attr('role'); + if (checkRoleAttr == undefined || checkRoleAttr == false || checkRoleAttr == null) { + console.log("%cRule:%cWCAG 1.3.6 (2.1,AAA)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cUsing ARIA landmarks to identify regions of a page is Missing.", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(this).log() + console.log("%cFix:%cAdd role='PURPOSE'", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + + } + } + }) + }) + +} \ No newline at end of file diff --git a/1_4_1_UseOfColor(A).js b/1_4_1_UseOfColor(A).js new file mode 100755 index 0000000..33a1783 --- /dev/null +++ b/1_4_1_UseOfColor(A).js @@ -0,0 +1,98 @@ +setTimeout(() => { + UseOfColor() +}, 1200); + +function UseOfColor() { + // var checkIf = false + // if (document.body.style.color != null || document.body.style.color != "") { + // if (document.body.style.backgroundColor != null || document.body.style.backgroundColor != "") { + // checkIf = true + // } + // } + // if (!checkIf) { + // console.log("-----------------------------------------") + // console.log("Rule: WCAG 1.4.1 (2.0,A)") + // console.log("Error: Either color or background color of the body tag is empty/null") + // console.log("Code Snippet: ", document.body.outerHTML) + // console.log("Fix: Both the above attributes have to be either set or unset") + // } + $.fn.log = function () { + console.log.apply(console, this); + return this; + }; + var imgTags = document.getElementsByTagName("img") + for (let index = 0; index < imgTags.length; index++) { + var warningT = false + if (parseInt(imgTags[index].naturalWidth) > 100 && parseInt(imgTags[index].naturalHeight) > 100) { + warningT = true + } else if (parseInt(imgTags[index].css("width").replace("px", "")) > 100 && parseInt(imgTags[index].css("height").replace("px", "")) > 100) { + warningT = true + } + if (warningT) { + console.log("%cRule:%cWCAG 1.4.1 (2.0,A)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cWarning:%cImage might be using color alone", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #F6976E; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(imgTags[index]).log() + console.log("%cFix:%cSet the text relating to the image in a way that text refers to the image not by color alone", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + + + } +} diff --git a/1_4_3_Contrast(Minimum)(AA).js b/1_4_3_Contrast(Minimum)(AA).js new file mode 100755 index 0000000..b755a2f --- /dev/null +++ b/1_4_3_Contrast(Minimum)(AA).js @@ -0,0 +1,388 @@ +setTimeout(() => { + Contrast_Minimum__1_4_3() +}, 1800); + +function Contrast_Minimum__1_4_3() { + $.fn.log = function () { + console.log.apply(console, this); + return this; + }; + $(document).ready(function () { + $('*').each(function () { + if ($(this).prop("nodeName") == "DIV" || + $(this).prop("nodeName") == "SPAN" || + $(this).prop("nodeName") == "A" || + $(this).prop("nodeName") == "P" || + $(this).prop("nodeName") == "H1" || + $(this).prop("nodeName") == "H2" || + $(this).prop("nodeName") == "H3" || + $(this).prop("nodeName") == "H4" || + $(this).prop("nodeName") == "H5" || + $(this).prop("nodeName") == "H6" || + $(this).prop("nodeName") == "INPUT" || + $(this).prop("nodeName") == "Q" || + $(this).prop("nodeName") == "BLACKQUOTE" || + $(this).prop("nodeName") == "CODE" || + $(this).prop("nodeName") == "PRE" || + $(this).prop("nodeName") == "OL" || + $(this).prop("nodeName") == "LI" || + $(this).prop("nodeName") == "DL" || + $(this).prop("nodeName") == "DT" || + $(this).prop("nodeName") == "DD" || + $(this).prop("nodeName") == "MARK" || + $(this).prop("nodeName") == "INS" || + $(this).prop("nodeName") == "DEL" || + $(this).prop("nodeName") == "SUP" || + $(this).prop("nodeName") == "SUB" || + $(this).prop("nodeName") == "SMALL" || + $(this).prop("nodeName") == "I" || + $(this).prop("nodeName") == "BOLD" || + $(this).prop("nodeName") == "B" || + $(this).prop("nodeName") == "FONT" || + $(this).prop("nodeName") == "EM" || + $(this).prop("nodeName") == "LEGEND" || + $(this).prop("nodeName") == "ABBR") { + var textRoot = "" + $(this).contents().filter(function () { + return this.nodeType == Node.TEXT_NODE && this.nodeValue.trim() != ''; + }).each(function () { + textRoot += $(this).text(); + }); + if ($.trim(textRoot)) { + var fontSize = $(this).css("font-size") + var fontWeight = $(this).css("font-weight") + var matches = fontWeight.match(/(\d+)/); + var fontWeightNumber = 0 + if (matches) { + fontWeightNumber = parseInt(matches[0]) + } + if (fontWeight == "normal" || fontWeightNumber < 700) { + // normal text + fS = parseInt(fontSize.replace("px", "")) + if (fS < 18) { + // Valid small scale text + var color1 = returnColorArr($(this).css("background-color")) + var color2 = returnColorArr($(this).css("color")) + var icontrast = contrast(color1, color2) + if (icontrast < 4.5) { + console.log("%cRule:%cWCAG 1.4.3 (2.0,AA)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cContrast ratio of the element text color and its background is lesser than 4.5", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(this).log() + console.log("%cFix:%cFor a standard text (which is determined as per WCAG 2.0 AA guidelines) set the color contrast ratio to atleast 4.5", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + } + else { + // Valid large scale text + var e1color1 = returnColorArr($(this).css("background-color")) + var e1color2 = returnColorArr($(this).css("color")) + var e1contrast = contrast(e1color1, e1color2) + if (e1contrast > 3) { + console.log("%cRule:%cWCAG 1.4.3 (2.0,AA)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cContrast ratio of the bold element text color and its background is greater than 3", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(this).log() + console.log("%cFix:%cFor a larger bold text (which is determined as per WCAG 2.0 AA guidelines) set the color contrast ratio to atmost 3", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + } + } else { + // bold text + e2fS = parseInt(fontSize.replace("px", "")) + if (e2fS < 14) { + // Valid small scale text + var e2color1 = returnColorArr($(this).css("background-color")) + var e2color2 = returnColorArr($(this).css("color")) + var e2contrast = contrast(e2color1, e2color2) + if (e2contrast < 4.5) { + console.log("%cRule:%cWCAG 1.4.3 (2.0,AA)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cContrast ratio of the bold element text color and its background is lesser than 4.5", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(this).log() + console.log("%cFix:%cFor a bold text (which is determined as per WCAG 2.0 AA guidelines) set the color contrast ratio to atleast 4.5", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + } + else { + // Valid large scale text + var e3color1 = returnColorArr($(this).css("background-color")) + var e3color2 = returnColorArr($(this).css("color")) + var e3contrast = contrast(e3color1, e3color2) + if (e3contrast > 3) { + console.log("%cRule:%cWCAG 1.4.3 (2.0,AA)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cContrast ratio of the bold element text color and its background is greater than 3", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(this).log() + console.log("%cFix:%cFor a larger bold text (which is determined as per WCAG 2.0 AA guidelines) set the color contrast ratio to a value lesser than 3", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + } + } + } + + + } + }) + }) + +} +function luminance(r, g, b) { + var a = [r, g, b].map(function (v) { + v /= 255; + return v <= 0.03928 + ? v / 12.92 + : Math.pow((v + 0.055) / 1.055, 2.4); + }); + return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722; +} +function contrast(rgb1, rgb2) { + var lum1 = luminance(parseInt(rgb1[0]), parseInt(rgb1[1]), parseInt(rgb1[2])); + var lum2 = luminance(parseInt(rgb2[0]), parseInt(rgb2[1]), parseInt(rgb2[2])); + var brightest = Math.max(lum1, lum2); + var darkest = Math.min(lum1, lum2); + return (brightest + 0.05) + / (darkest + 0.05); +} + +function returnColorArr(color) { + var returnArr = [] + if (color.includes("rgba")) { + Arr = color.toString().split(")")[0].split("(")[1].split(",") + var alpha, red, green, blue; + red = parseInt(Arr[0]) + green = parseInt(Arr[1]) + blue = parseInt(Arr[2]) + alpha = parseInt(Arr[3]) + returnArr.push(Math.round((1 - alpha) * 255 + (alpha * red))) + returnArr.push(Math.round((1 - alpha) * 255 + (alpha * green))) + returnArr.push(Math.round((1 - alpha) * 255 + (alpha * blue))) + } else { + returnArr = color.toString().split(")")[0].split("(")[1].split(",") + } + return returnArr +} \ No newline at end of file diff --git a/1_4_4_ResizeText(AA).js b/1_4_4_ResizeText(AA).js new file mode 100755 index 0000000..aac79cb --- /dev/null +++ b/1_4_4_ResizeText(AA).js @@ -0,0 +1,300 @@ +setTimeout(() => { + ResizeText() +}, 1080); + +function ResizeText() { + $.fn.log = function () { + console.log.apply(console, this); + return this; + }; + var italicTags = document.querySelectorAll('i') + for (var d = 0; d < italicTags.length; d++) { + console.log("%cRule:%cWCAG 1.4.4 (2.0,AA)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cFound italic tag", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(italicTags[d]).log() + console.log("%cFix:%cInstead use strong or em tag", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + var boldTags = document.querySelectorAll('bold') + for (var d = 0; d < boldTags.length; d++) { + console.log("%cRule:%cWCAG 1.4.4 (2.0,AA)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cFound bold tag", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(boldTags[d]).log() + console.log("%cFix:%cInstead use strong or em tag", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + + } + + var fontTags = document.querySelectorAll('font') + for (var d = 0; d < fontTags.length; d++) { + console.log("%cRule:%cWCAG 1.4.4 (2.0,AA)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cFound font tag", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(fontTags[d]).log() + console.log("%cFix:%cRemove it. Avoid using it.", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + + } + + $(document).ready(function () { + $('*').each(function () { + if ($(this).prop("nodeName") == "DIV" || + $(this).prop("nodeName") == "SPAN" || + $(this).prop("nodeName") == "A" || + $(this).prop("nodeName") == "P" || + $(this).prop("nodeName") == "H1" || + $(this).prop("nodeName") == "H2" || + $(this).prop("nodeName") == "H3" || + $(this).prop("nodeName") == "H4" || + $(this).prop("nodeName") == "H5" || + $(this).prop("nodeName") == "H6" || + $(this).prop("nodeName") == "INPUT" || + $(this).prop("nodeName") == "Q" || + $(this).prop("nodeName") == "BLACKQUOTE" || + $(this).prop("nodeName") == "CODE" || + $(this).prop("nodeName") == "PRE" || + $(this).prop("nodeName") == "OL" || + $(this).prop("nodeName") == "LI" || + $(this).prop("nodeName") == "DL" || + $(this).prop("nodeName") == "DT" || + $(this).prop("nodeName") == "DD" || + $(this).prop("nodeName") == "MARK" || + $(this).prop("nodeName") == "INS" || + $(this).prop("nodeName") == "DEL" || + $(this).prop("nodeName") == "SUP" || + $(this).prop("nodeName") == "SUB" || + $(this).prop("nodeName") == "SMALL" || + $(this).prop("nodeName") == "I" || + $(this).prop("nodeName") == "BOLD" || + $(this).prop("nodeName") == "B" || + $(this).prop("nodeName") == "FONT" || + $(this).prop("nodeName") == "EM") { + var textRoot = "" + $(this).contents().filter(function () { + return this.nodeType == Node.TEXT_NODE && this.nodeValue.trim() != ''; + }).each(function () { + textRoot += $(this).text(); + }); + if ($.trim(textRoot)) { + console.log("%cRule:%cWCAG 1.4.4 (2.0,AA)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cSuggestion:%cPlease define width, height, and font-size for the elements that can contain text or take text input in `em`. This helps in resizing text.", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(this).log() + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + } + }) + }) +} \ No newline at end of file diff --git a/1_4_6_Contrast(Enhanced)(AAA).js b/1_4_6_Contrast(Enhanced)(AAA).js new file mode 100755 index 0000000..c26ffce --- /dev/null +++ b/1_4_6_Contrast(Enhanced)(AAA).js @@ -0,0 +1,454 @@ +setTimeout(() => { + Contrast_Enhanced__1_4_6() +}, 1800); + +function Contrast_Enhanced__1_4_6() { + $.fn.log = function () { + console.log.apply(console, this); + return this; + }; + $(document).ready(function () { + $('*').each(function () { + if ($(this).prop("nodeName") == "DIV" || + $(this).prop("nodeName") == "SPAN" || + $(this).prop("nodeName") == "A" || + $(this).prop("nodeName") == "P" || + $(this).prop("nodeName") == "H1" || + $(this).prop("nodeName") == "H2" || + $(this).prop("nodeName") == "H3" || + $(this).prop("nodeName") == "H4" || + $(this).prop("nodeName") == "H5" || + $(this).prop("nodeName") == "H6" || + $(this).prop("nodeName") == "INPUT" || + $(this).prop("nodeName") == "Q" || + $(this).prop("nodeName") == "BLACKQUOTE" || + $(this).prop("nodeName") == "CODE" || + $(this).prop("nodeName") == "PRE" || + $(this).prop("nodeName") == "OL" || + $(this).prop("nodeName") == "LI" || + $(this).prop("nodeName") == "DL" || + $(this).prop("nodeName") == "DT" || + $(this).prop("nodeName") == "DD" || + $(this).prop("nodeName") == "MARK" || + $(this).prop("nodeName") == "INS" || + $(this).prop("nodeName") == "DEL" || + $(this).prop("nodeName") == "SUP" || + $(this).prop("nodeName") == "SUB" || + $(this).prop("nodeName") == "SMALL" || + $(this).prop("nodeName") == "I" || + $(this).prop("nodeName") == "B" || + $(this).prop("nodeName") == "BOLD" || + $(this).prop("nodeName") == "FONT" || + $(this).prop("nodeName") == "EM" || + $(this).prop("nodeName") == "LEGEND" || + $(this).prop("nodeName") == "ABBR") { + var textRoot = "" + $(this).contents().filter(function () { + return this.nodeType == Node.TEXT_NODE && this.nodeValue.trim() != ''; + }).each(function () { + textRoot += $(this).text(); + }); + if ($.trim(textRoot)) { + var fontSize = $(this).css("font-size") + var fontWeight = $(this).css("font-weight") + var matches = fontWeight.match(/(\d+)/); + var fontWeightNumber = 0 + if (matches) { + fontWeightNumber = parseInt(matches[0]) + } + if (fontWeight == "normal" || fontWeightNumber < 700) { + // normal text + fS = parseInt(fontSize.replace("px", "")) + if (fS < 18) { + // Valid small scale text + var color1 = returnColorArr($(this).css("background-color")) + var color2 = returnColorArr($(this).css("color")) + var icontrast = contrast(color1, color2) + if (icontrast < 7) { + console.log("%cRule:%cWCAG 1.4.6 (2.0,AAA)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cContrast ratio of the element text color and its background is lesser than 7", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(this).log() + console.log("%cFix:%cFor a standard text (which is determined as per WCAG 2.0 AAA guidelines) set the color contrast ratio to atleast 7", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + } + else { + // Valid large scale text + var e1color1 = returnColorArr($(this).css("background-color")) + var e1color2 = returnColorArr($(this).css("color")) + var e1contrast = contrast(e1color1, e1color2) + if (e1contrast > 4.5) { + console.log("%cRule:%cWCAG 1.4.6 (2.0,AAA)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cContrast ratio of the bold element text color and its background is greater than 4.5", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(this).log() + console.log("%cFix:%cFor a larger bold text (which is determined as per WCAG 2.0 AAA guidelines) set the color contrast ratio to atmost 4.5", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + } + } else { + // bold text + e2fS = parseInt(fontSize.replace("px", "")) + if (e2fS < 14) { + // Valid small scale text + var e2color1 = returnColorArr($(this).css("background-color")) + var e2color2 = returnColorArr($(this).css("color")) + var e2contrast = contrast(e2color1, e2color2) + if (e2contrast < 7) { + console.log("%cRule:%cWCAG 1.4.6 (2.0,AAA)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cContrast ratio of the bold element text color and its background is lesser than 7", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(this).log() + console.log("%cFix:%cFor a bold text (which is determined as per WCAG 2.0 guidelines) set the color contrast ratio to atleast 7", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + } + else { + // Valid large scale text + var e3color1 = returnColorArr($(this).css("background-color")) + var e3color2 = returnColorArr($(this).css("color")) + var e3contrast = contrast(e3color1, e3color2) + if (e3contrast > 4.5) { + console.log("%cRule:%cWCAG 1.4.6 (2.0,AAA)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cContrast ratio of the bold element text color and its background is greater than 4.5", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(this).log() + console.log("%cFix:%cFor a larger bold text (which is determined as per WCAG 2.0 AAA guidelines) set the color contrast ratio to a value lesser than 4.5", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + } + } + } + + + } + + if ($(this).prop("nodeName") == "IMG") { + console.log("%cRule:%cWCAG 1.4.6 (2.0,AAA)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cWarning:%cThe image might contain text with a poor contrast ratio less than 10:1", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #F6976E; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(this).log() + console.log("%cFix:%cPlease check luminosity contrast ratio of text inside the image with its background and ensure it is greater than 10:1", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + + }) + }) + +} +function luminance(r, g, b) { + var a = [r, g, b].map(function (v) { + v /= 255; + return v <= 0.03928 + ? v / 12.92 + : Math.pow((v + 0.055) / 1.055, 2.4); + }); + return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722; +} +function contrast(rgb1, rgb2) { + var lum1 = luminance(parseInt(rgb1[0]), parseInt(rgb1[1]), parseInt(rgb1[2])); + var lum2 = luminance(parseInt(rgb2[0]), parseInt(rgb2[1]), parseInt(rgb2[2])); + var brightest = Math.max(lum1, lum2); + var darkest = Math.min(lum1, lum2); + return (brightest + 0.05) + / (darkest + 0.05); +} + +function returnColorArr(color) { + var returnArr = [] + if (color.includes("rgba")) { + Arr = color.toString().split(")")[0].split("(")[1].split(",") + var alpha, red, green, blue; + red = parseInt(Arr[0]) + green = parseInt(Arr[1]) + blue = parseInt(Arr[2]) + alpha = parseInt(Arr[3]) + returnArr.push(Math.round((1 - alpha) * 255 + (alpha * red))) + returnArr.push(Math.round((1 - alpha) * 255 + (alpha * green))) + returnArr.push(Math.round((1 - alpha) * 255 + (alpha * blue))) + } else { + returnArr = color.toString().split(")")[0].split("(")[1].split(",") + } + return returnArr +} \ No newline at end of file diff --git a/2_1_1_Keyboard(A).js b/2_1_1_Keyboard(A).js new file mode 100755 index 0000000..b3c431d --- /dev/null +++ b/2_1_1_Keyboard(A).js @@ -0,0 +1,338 @@ +setTimeout(() => { + Keyboard() +}, 600); + +function Keyboard() { + $.fn.log = function () { + console.log.apply(console, this); + return this; + }; + var allTags = document.querySelectorAll('*') + for (var d = 0; d < allTags.length; d++) { + if (allTags[d].getAttribute("onmouseout") != null && allTags[d].getAttribute("onmouseout") != undefined && allTags[d].getAttribute("onmouseout") != "") { + + if (allTags[d].getAttribute("onblur") == null || allTags[d].getAttribute("onblur") == undefined) { + console.log("%cRule:%cWCAG 2.1.1 (2.0,A)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cElement is keyboard inaccessible. Element's onmouseout is missing onblur function", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(allTags[d]).log() + console.log("%cFix:%cElement's onblur function has to be added and it should functionally work the same way as onmouseout handler", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } else if (allTags[d].getAttribute("onblur") == "") { + console.log("%cRule:%cWCAG 2.1.1 (2.0,A)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cElement is keyboard inaccessible. Element's onmouseout with undefined onblur function", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(allTags[d]).log() + console.log("%cFix:%cElement's onblur function has to be defined and it should functionally work the same way as onmouseout handler", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + + } + } + if (allTags[d].getAttribute("onmouseover") != null && allTags[d].getAttribute("onmouseover") != undefined && allTags[d].getAttribute("onmouseover") != "") { + if (allTags[d].getAttribute("onfocus") == null || allTags[d].getAttribute("onfocus") == undefined) { + console.log("%cRule:%cWCAG 2.1.1 (2.0,A)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cElement is keyboard inaccessible. Element has onmouseover defined but onfocus function is missing", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(allTags[d]).log() + console.log("%cFix:%cElement's onfocus function has to be added and it should functionally work the same way as onmouseover handler", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } else if (allTags[d].getAttribute("onfocus") == "") { + console.log("%cRule:%cWCAG 2.1.1 (2.0,A)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cElement is keyboard inaccessible. Element has onmouseover defined but onfocus function is missing", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(allTags[d]).log() + console.log("%cFix:%cElement's onfocus function has to be added and it should functionally work the same way as onmouseover handler", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + } + if (allTags[d].nodeName == "SCRIPT") { + console.log("%cRule:%cWCAG 2.1.1 (2.0,A)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cWarning:%cThe script element might be keyboard accessible", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #F6976E; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(allTags[d]).log() + console.log("%cFix:%cTry to make sure if script element is accessible via keyboard or avoid using script element.", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + } + +} diff --git a/2_2_2_Pause,Stop,Hide(A).js b/2_2_2_Pause,Stop,Hide(A).js new file mode 100755 index 0000000..15dbde3 --- /dev/null +++ b/2_2_2_Pause,Stop,Hide(A).js @@ -0,0 +1,76 @@ +setTimeout(() => { + Pause_Stop_Hide() +}, 1020); + +function Pause_Stop_Hide() { + $.fn.log = function () { + console.log.apply(console, this); + return this; + }; + var marqueeTags = document.querySelectorAll('marquee') + for (var d = 0; d < marqueeTags.length; d++) { + console.log("%cRule:%cWCAG 2.2.2 (2.0,A)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cMarquee tag found in the html page", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(marqueeTags[d]).log() + console.log("%cFix:%cProvide users enough time to read and use content. Use strong or em tag instead of marquee.", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } +} + diff --git a/2_4_11_FocusAppearanceMinimum(AA).js b/2_4_11_FocusAppearanceMinimum(AA).js new file mode 100755 index 0000000..020490e --- /dev/null +++ b/2_4_11_FocusAppearanceMinimum(AA).js @@ -0,0 +1,491 @@ +function FocusAppearanceMinimum() { + $.fn.log = function () { + console.log.apply(console, this); + return this; + }; + $(document).ready(function () { + $('*').each(function () { + if ($(this).prop("tagName") != "HTML" && + $(this).prop("tagName") != "BODY" && + $(this).prop("tagName") != "LINK" && + $(this).prop("tagName") != "SCRIPT" && + $(this).prop("tagName") != "STYLE" && + $(this).prop("tagName") != "XML" && + $(this).prop("tagName") != "HEAD" && + $(this).prop("tagName") != "TITLE" && + $(this).prop("tagName") != "NOSCRIPT" && + $(this).prop("tagName") != "META") { + var violationMap = { + "Contrasting_Area": false, + } + var continueLoop = false + if ($(this).prop("tagName") == "BUTTON" || $(this).prop("tagName") == "INPUT") { + if ($(this).prop("disabled")) { + continueLoop = true + } + } + if (!continueLoop) { + // Checking the background contrast + var backgroundOnFocus = $(this).focus().css("background-color") + var background = $(this).css("background-color") + bgArr = returnColorArr(background) + bgArrOnFocus = returnColorArr(backgroundOnFocus) + var contrastGainedBg = contrast(bgArrOnFocus, bgArr) + if (contrastGainedBg < 3) { + console.log("%cRule:%cWCAG 2.4.11 (2.2,AA)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cThe contrast ratio is less than 3:1 for colors in focused and unfocused states", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(this).log() + console.log("%cFix:%cIncrease the contrast ratio to atleast 3:1 between colors in focused and unfocused states", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + + // Checking if outline on focus has 2px thickness, solid color, color contrasting with the background with a ratio more than 3 + var thicknesspx = $(this).focus().css("outline-width") + if (thicknesspx == null || thicknesspx == "" || thicknesspx == undefined) { + violationMap["Contrasting_Area"] = true + console.log("%cRule:%cWCAG 2.4.11 (2.2,AA)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cElement's outline-width onfocus found null or empty or undefined", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(this).log() + console.log("%cFix:%cSet the outline-width property of the element to alteast 2px onfocus", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + else { + var thickness = parseInt(thicknesspx.split("px")[0]) + if (thickness >= 2) { + var outlineStyle = $(this).focus().css("outline-style") + if (outlineStyle == "solid") { + var focusColor = $(this).focus().css("outline-color") + var nonfocusColor = $(this).parent().css("background-color") + var nonfocusArr = [] + var focusArr = [] + nonfocusArr = returnColorArr(nonfocusColor) + focusArr = returnColorArr(focusColor) + + console.log(focusArr, nonfocusArr) + var contrastGained = contrast(focusArr, nonfocusArr) + if (contrastGained < 3) { + violationMap["Contrasting_Area"] = true + console.log("%cRule:%cWCAG 2.4.11 (2.2,AA)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cThe contrast ratio is less than 3:1 for colors in focused and unfocused states", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(this).log() + console.log("%cFix:%cIncrease the contrast ratio to atleast 3:1 between colors in focused and unfocused states", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + } + else { + violationMap["Contrasting_Area"] = true + console.log("%cRule:%cWCAG 2.4.11 (2.2,AA)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cOutline-style of the element on focus is not solid", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(this).log() + console.log("%cFix:%cSet the outline-style property of the element onfocus to 'solid'", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + } else { + violationMap["Contrasting_Area"] = true + console.log("%cRule:%cWCAG 2.4.11 (2.2,AA)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cShape of the contrasting area is thinner than 2 pixels", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(this).log() + console.log("%cFix:%cIncrease the shape of the contrasting area to a minimum of 2 pixels", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + } + + + + } + + // var outW1 = $(this).css("outlineWidth") + // outW1 = parseInt(outW1.toString().split("px")[0]) + // var outW2 = $(this).focus().css("outlineWidth") + // outW2 = parseInt(outW2.toString().split("px")[0]) + + // var clientPerimeter = 2 * (this.clientHeight + this.clientWidth) + // var offsetPerimeter = 2 * (this.offsetWidth + this.offsetHeight) + // var color1 = $(this).focus().css("outline-color") + // var color2 = $(this).css("outline-color") + // var color3 = $(this).css("backgroundColor") + // color1 = color1.toString().split(")")[0].split("(")[1].split(",") + // color2 = color2.toString().split(")")[0].split("(")[1].split(",") + // color3 = color3.toString().split(")")[0].split("(")[1].split(",") + // var contrast1 = contrast(color1, color2) + // var contrast2 = contrast(color1, color3) + // var contrastGained = contrast1 + // if (contrastGained < contrast2) { + // contrastGained = contrast2 + // } + // if (contrastGained < 3) { + // console.log("-----------------------------------------") + // console.log("Rule: WCAG 2.4.11 (2.2,AA)") + // console.log("Error: The contrast ratio is less than 3:1 for colors in focused and unfocused states") + // console.log("Code Snippet: ", $(this)) + // console.log("Fix: Increase the contrast ratio to atleast 3:1 between colors in focused and unfocused states") + // } else { + // if (offsetPerimeter * outW2 < clientPerimeter) { + + // console.log("-----------------------------------------") + // console.log("Rule: WCAG 2.4.11 (2.2,AA)") + // console.log("Error: Minimum contrasting area is lesser than the area of a 1 CSS pixel thick perimeter of the unfocused component") + // console.log("Code Snippet: ", $(this)) + // console.log("Fix: Increase the minimum contrasting area to atleast the area of a 1 CSS pixel thick perimeter of the unfocused component") + + // } else { + // if (outW2 < 2) { + // console.log("-----------------------------------------") + // console.log("Rule: WCAG 2.4.11 (2.2,AA)") + // console.log("Error: Shape of the contrasting area is thinner than 2 pixels") + // console.log("Code Snippet: ", $(this)) + // console.log("Fix: Increase the shape of the contrasting area to a minimum of 2 pixels") + + // } else { + // if (this.clientWidth < this.clientHeight) { + // if (outW2 * offsetPerimeter < (4 * this.clientWidth)) { + + // console.log("-----------------------------------------") + // console.log("Rule: WCAG 2.4.11 (2.2,AA)") + // console.log("Error: Focus area is lesser than the area of a 4 CSS pixel thick line along the shortest side of a minimum bounding box of the unfocused component") + // console.log("Code Snippet: ", $(this)) + // console.log("Fix: Increase the focus area to alteast the area of a 4 CSS pixel thick line along the shortest side of a minimum bounding box of the unfocused component") + + // } + // } else { + // if (outW2 * offsetPerimeter < (4 * this.clientHeight)) { + // console.log("-----------------------------------------") + // console.log("Rule: WCAG 2.4.11 (2.2,AA)") + // console.log("Error: Focus area is lesser than the area of a 4 CSS pixel thick line along the shortest side of a minimum bounding box of the unfocused component") + // console.log("Code Snippet: ", $(this)) + // console.log("Fix: Increase the focus area to alteast the area of a 4 CSS pixel thick line along the shortest side of a minimum bounding box of the unfocused component") + + // } + // } + // } + // } + // } + } + }) + }) + +} + +function luminance(r, g, b) { + var a = [r, g, b].map(function (v) { + v /= 255; + return v <= 0.03928 + ? v / 12.92 + : Math.pow((v + 0.055) / 1.055, 2.4); + }); + return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722; +} +function contrast(rgb1, rgb2) { + var lum1 = luminance(parseInt(rgb1[0]), parseInt(rgb1[1]), parseInt(rgb1[2])); + var lum2 = luminance(parseInt(rgb2[0]), parseInt(rgb2[1]), parseInt(rgb2[2])); + var brightest = Math.max(lum1, lum2); + var darkest = Math.min(lum1, lum2); + return (brightest + 0.05) + / (darkest + 0.05); +} + +function returnColorArr(color) { + var returnArr = [] + if (color.includes("rgba")) { + Arr = color.toString().split(")")[0].split("(")[1].split(",") + var alpha, red, green, blue; + red = parseInt(Arr[0]) + green = parseInt(Arr[1]) + blue = parseInt(Arr[2]) + alpha = parseInt(Arr[3]) + returnArr.push(Math.round((1 - alpha) * 255 + (alpha * red))) + returnArr.push(Math.round((1 - alpha) * 255 + (alpha * green))) + returnArr.push(Math.round((1 - alpha) * 255 + (alpha * blue))) + } else { + returnArr = color.toString().split(")")[0].split("(")[1].split(",") + } + return returnArr +} +setTimeout(() => { + FocusAppearanceMinimum() +}, 2000); diff --git a/2_4_12_FocusAppearanceEnhanced(AAA).js b/2_4_12_FocusAppearanceEnhanced(AAA).js new file mode 100755 index 0000000..25abc5a --- /dev/null +++ b/2_4_12_FocusAppearanceEnhanced(AAA).js @@ -0,0 +1,197 @@ + +setTimeout(() => { + FocusAppearanceEnhanced() +}, 600); + +function FocusAppearanceEnhanced() { + $.fn.log = function () { + console.log.apply(console, this); + return this; + }; + $(document).ready(function () { + $('*').each(function () { + if ($(this).prop("tagName") != "HTML" && + $(this).prop("tagName") != "BODY" && + $(this).prop("tagName") != "LINK" && + $(this).prop("tagName") != "SCRIPT" && + $(this).prop("tagName") != "STYLE" && + $(this).prop("tagName") != "XML" && + $(this).prop("tagName") != "HEAD" && + $(this).prop("tagName") != "TITLE" && + $(this).prop("tagName") != "NOSCRIPT" && + $(this).prop("tagName") != "META") { + var outW1 = $(this).css("outlineWidth") + outW1 = parseInt(outW1.toString().split("px")[0]) + var outW2 = $(this).focus().css("outlineWidth") + outW2 = parseInt(outW1.toString().split("px")[0]) + + var clientPerimeter = 2 * 2 * (this.clientHeight + this.clientWidth) + var offsetPerimeter = 2 * (this.offsetWidth + this.offsetHeight) + offsetPerimeter = offsetPerimeter * outW2 + + var color1 = $(this).focus().css("outline-color") + var color2 = $(this).css("outline-color") + var color3 = $(this).css("backgroundColor") + color1 = color1.toString().split(")")[0].split("(")[1].split(",") + color2 = color2.toString().split(")")[0].split("(")[1].split(",") + color3 = color3.toString().split(")")[0].split("(")[1].split(",") + var contrast1 = contrast(color1, color2) + var contrast2 = contrast(color1, color3) + var contrastGained = contrast1 + if (contrastGained < contrast2) { + contrastGained = contrast2 + } + if (contrastGained < 4.5) { + console.log("%cRule:%cWCAG 2.4.12 (2.2,AAA)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cContrast ratio between colors in focused and unfocused states is less than 4.5", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(this).log() + console.log("%cFix:%cIncrease contrast ratio atleast to 4.5:1 between colors in focused and unfocused states", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + if (offsetPerimeter < clientPerimeter) { + console.log("%cRule:%cWCAG 2.4.12 (2.2,AAA)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cThe focus indication area should be greater than or equal to a 2 CSS pixel solid border around the control", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(this).log() + console.log("%cFix:%cIncrease the focus indication area around the control to atleast a 2 CSS pixel border", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + } + }) + + }) + + +} + +function luminance(r, g, b) { + var a = [r, g, b].map(function (v) { + v /= 255; + return v <= 0.03928 + ? v / 12.92 + : Math.pow((v + 0.055) / 1.055, 2.4); + }); + return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722; +} +function contrast(rgb1, rgb2) { + var lum1 = luminance(parseInt(rgb1[0]), parseInt(rgb1[1]), parseInt(rgb1[2])); + var lum2 = luminance(parseInt(rgb2[0]), parseInt(rgb2[1]), parseInt(rgb2[2])); + var brightest = Math.max(lum1, lum2); + var darkest = Math.min(lum1, lum2); + return (brightest + 0.05) + / (darkest + 0.05); +} + diff --git a/2_4_4_LinkPurpose(A).js b/2_4_4_LinkPurpose(A).js new file mode 100755 index 0000000..a3969a1 --- /dev/null +++ b/2_4_4_LinkPurpose(A).js @@ -0,0 +1,411 @@ +setTimeout(() => { + LinkPurpose() +}, 800); + +function LinkPurpose() { + $.fn.log = function () { + console.log.apply(console, this); + return this; + }; + var anchorTags = document.querySelectorAll('a') + for (var d = 0; d < anchorTags.length; d++) { + if (anchorTags[d].innerText != null && anchorTags[d].innerText != "") { + console.log("%cRule:%cWCAG 2.4.4 (2.0,A)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cWarning:%cText in the anchor element might not be meaningful", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #F6976E; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(anchorTags[d]).log() + console.log("%cFix:%cProvide meaningful text inside the anchor element", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + if (anchorTags[d].href != null && anchorTags[d].href != "") { + if (anchorTags[d].innerText == null || anchorTags[d].innerText == "") { + console.log("%cRule:%cWCAG 2.4.4 (2.0,A)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cThe anchor element with defined href is missing inner text which should describe the link", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(anchorTags[d]).log() + console.log("%cFix:%cInner text has to be added. If an image is being enclosed in the anchor then you can instead add alt text to the inner image", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + if (anchorTags[d].innerText.toLowerCase() == "more" || anchorTags[d].innerText.toLowerCase() == "click here ") { + console.log("%cRule:%cWCAG 2.4.4 (2.0,A)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cWarning:%cFound suspicious link text in the anchor element", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #F6976E; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(anchorTags[d]).log() + console.log("%cFix:%cWrite clearer information in inside the anchor element and do not use suspicious texts like more, click here", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + if (anchorTags[d].getAttribute("aria-label") == null || anchorTags[d].getAttribute("aria-label") == "") { + console.log("%cRule:%cWCAG 2.4.4 (2.0,A)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cThe anchor element with defined href is missing Aria-label", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(anchorTags[d]).log() + console.log("%cFix:%cAria-label has to be defined", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + if (anchorTags[d].title == null || anchorTags[d].title == "") { + console.log("%cRule:%cWCAG 2.4.4 (2.0,A)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cThe anchor element with defined href is missing title", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(anchorTags[d]).log() + console.log("%cFix:%cTitle has to be added which clarifies the purpose of the link", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + + var areaTags = document.querySelectorAll("area") + for (let index = 0; index < areaTags.length; index++) { + if (areaTags[index].parentNode.nodeName == "MAP") { + var imgParentTags = document.querySelectorAll('img') + for (let iter = 0; iter < imgParentTags.length; iter++) { + var useMapName = "#" + areaTags[index].parentNode.name + if (useMapName == imgParentTags[iter].useMap) { + if (areaTags[index].alt == null || areaTags.alt == "") { + console.log("%cRule:%cWCAG 2.4.4 (2.0,A)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cAlt text for the client-side element of an image map is missing alt text", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(areaTags[a]).log() + console.log("%cFix:%cSpecify a short text alternative with the alt attribute for every client-side element of an image map", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + } + } + } + } + } + } +} \ No newline at end of file diff --git a/2_4_6_HeadingsAndLabels(AA).js b/2_4_6_HeadingsAndLabels(AA).js new file mode 100755 index 0000000..2aacb4d --- /dev/null +++ b/2_4_6_HeadingsAndLabels(AA).js @@ -0,0 +1,231 @@ +setTimeout(() => { + HeadingsAndLabels() +}, 1800); +// Headings must follow a sequential order to avoid confusion. +function HeadingsAndLabels() { + $.fn.log = function () { + console.log.apply(console, this); + return this; + }; + var headerList = [] + $(document).ready(function () { + $('*').each(function () { + if ($(this).prop("nodeName") == "H1" || + $(this).prop("nodeName") == "H2" || + $(this).prop("nodeName") == "H3" || + $(this).prop("nodeName") == "H4" || + $(this).prop("nodeName") == "H5" || + $(this).prop("nodeName") == "H6") { + headerList.push($(this).prop("nodeName")) + } + } + ) + } + ) + var covered = -1 + $(document).ready(function () { + $('*').each(function () { + for (let index = covered; index < headerList.length - 1; index++) { + if (headerList[index] == $(this).prop("nodeName")) { + covered = index + 1 + if (parseInt(headerList[index].replace("H", "")) - parseInt(headerList[index + 1].replace("H", "")) < -1) { + console.log("%cRule:%cWCAG 2.4.6 (2.0,AA)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + if (headerList[index] == "H1") { + console.log("%cError:%cHeader following H1 tag is incorrect", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(this).log() + + console.log("%cFix:%cModify the header nesting so that either H1 or H2 follows the current H1 tag", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + } else if (headerList[index] == "H2") { + console.log("%cError:%cHeader following H2 tag is incorrect", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(this).log() + + console.log("%cFix:%cModify the header nesting so that either H1 or H2 or H3 follows the current H2 tag", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + } else if (headerList[index] == "H3") { + console.log("%cError:%cHeader following H3 tag is incorrect", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(this).log() + + console.log("%cFix:%cModify the header nesting so that either H1 or H2 or H3 or H4 follows the current H3 tag", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + + } else if (headerList[index] == "H4") { + console.log("%cError:%cHeader following H4 tag is incorrect", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(this).log() + + console.log("%cFix:%cModify the header nesting so that either H1 or H2 or H3 or H4 or H5 follows the current H4 tag", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + + } + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + + } + break + } + } + } + ) + } + ) +} diff --git a/2_5_7_Dragging(AA).js b/2_5_7_Dragging(AA).js new file mode 100755 index 0000000..d89f601 --- /dev/null +++ b/2_5_7_Dragging(AA).js @@ -0,0 +1,247 @@ +setTimeout(() => { + Dragging() +}, 200); + +function Dragging() { + $.fn.log = function () { + console.log.apply(console, this); + return this; + }; + var allTags = document.querySelectorAll('*') + // draggable : true false + // oncontextmenu : null + // onfocus: null + // ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop + // onkeydown, onkeyup, onkeypress + // onmouseup, onmouseover, onmousedown, onmousemove, onmouseleave, onmouseenter, onmousewheel + // onpointercancel, onpointerdown, onpointerenter, onpointerleave, onpointermove, onpointerout, + // onpointerover, onpointerup + // $(document).ready(function () { + // $('*').each(function () { + // if($(this).is('.ui-draggable') || $(this).data("uiDraggable") || $(this).data("fooable")) + // { + // console.log("%cRule:%cWCAG 2.5.7 (2.2,AA)", + // `color: #FFF; + // background-color: #333; + // border-radius: 5px 0px 0px 5px; + // padding: 5px 10px; + // font-size: 0.8rem; + // display: inline; + // box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + // `color: #FFF; + // display: inline; + // font-size: 0.8rem; + // background-color: #809FFF; + // border-radius: 0px 5px 5px 0px; + // padding: 5px 10px; + // box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + // console.log("%cError:%cOther non-pointer options for this draggable element are missing", + // `color: #FFF; + // background-color: #333; + // border-radius: 5px 0px 0px 5px; + // padding: 5px 10px; + // font-size: 0.8rem; + // display: inline; + // box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + // `color: #FFF; + // display: inline; + // font-size: 0.8rem; + // background-color: #EB5177; + // border-radius: 0px 5px 5px 0px; + // padding: 5px 10px; + // box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + // console.log("%cCode Snippet:", + // `color: #FFF; + // background-color: #333; + // border-radius: 5px; + // padding: 5px 10px; + // font-size: 0.8rem; + // display: inline; + // box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + // $(this).log() + // console.log("%cFix:%cDragabble elements(true) should have other non-pointer options. Add them", + // `color: #FFF; + // background-color: #333; + // border-radius: 5px 0px 0px 5px; + // padding: 5px 10px; + // font-size: 0.8rem; + // display: inline; + // box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + // `color: #FFF; + // display: inline; + // font-size: 0.8rem; + // background-color: #007075; + // border-radius: 0px 5px 5px 0px; + // padding: 5px 10px; + // box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + // console.log("%c-----------------------------------------------------------------------------", + // `color: #FFF; + // background-color: #293543; + // font-weight: bolder; + // border-radius: 5px; + // padding: 5px 10px; + // font-size: 1rem; + // display: inline;`) + + // } + + + // }) + // }) + for (var d = 0; d < allTags.length; d++) { + var element = allTags[d] + if (allTags[d].nodeName != "HTML" && + allTags[d].nodeName != "BODY" && + allTags[d].nodeName != "LINK" && + allTags[d].nodeName != "SCRIPT" && + allTags[d].nodeName != "STYLE" && + allTags[d].nodeName != "XML" && + allTags[d].nodeName != "HEAD" && + allTags[d].nodeName != "META") { + if (element.draggable == true) { + if (element.oncontextmenu == null || element.onfocus == null) { + console.log("%cRule:%cWCAG 2.5.7 (2.2,AA)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cOther non-pointer options for this draggable element are missing", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(allTags[d]).log() + console.log("%cFix:%cDragabble elements(true) should have other non-pointer options. Add them", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + + } + } + // else { + // if (element.ondrag != null || element.onpointercancel != null || element.onpointerdown != null || + // element.ondragend != null || element.onpointerenter != null || element.onpointerleave != null || + // element.ondragenter != null || element.onpointermove != null || element.onpointerout != null || + // element.ondragleave != null || element.onpointerover != null || element.onpointerup != null || + // element.ondragover != null || element.ondragstart != null || element.ondrop != null || + // element.onkeydown != null || element.onkeyup != null || element.onkeypress != null || + // element.onmouseup != null || element.onmouseover != null || element.onmousedown != null || + // element.onmouseleave != null || element.onenter != null || element.onmousewheel != null) { + // if (element.oncontextmenu == null || element.onfocus == null) { + // console.log("%cRule:%cWCAG 2.5.7 (2.2,AA)", + // `color: #FFF; + // background-color: #333; + // border-radius: 5px 0px 0px 5px; + // padding: 5px 10px; + // font-size: 0.8rem; + // display: inline; + // box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + // `color: #FFF; + // display: inline; + // font-size: 0.8rem; + // background-color: #809FFF; + // border-radius: 0px 5px 5px 0px; + // padding: 5px 10px; + // box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + // console.log("%cError:%cOther non-pointer options for this draggable element are missing", + // `color: #FFF; + // background-color: #333; + // border-radius: 5px 0px 0px 5px; + // padding: 5px 10px; + // font-size: 0.8rem; + // display: inline; + // box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + // `color: #FFF; + // display: inline; + // font-size: 0.8rem; + // background-color: #EB5177; + // border-radius: 0px 5px 5px 0px; + // padding: 5px 10px; + // box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + // console.log("%cCode Snippet:", + // `color: #FFF; + // background-color: #333; + // border-radius: 5px; + // padding: 5px 10px; + // font-size: 0.8rem; + // display: inline; + // box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + // $(allTags[d]).log() + // console.log("%cFix:%cDragabble elements should have other non-pointer options. Add them", + // `color: #FFF; + // background-color: #333; + // border-radius: 5px 0px 0px 5px; + // padding: 5px 10px; + // font-size: 0.8rem; + // display: inline; + // box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + // `color: #FFF; + // display: inline; + // font-size: 0.8rem; + // background-color: #007075; + // border-radius: 0px 5px 5px 0px; + // padding: 5px 10px; + // box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + // console.log("%c-----------------------------------------------------------------------------", + // `color: #FFF; + // background-color: #293543; + // font-weight: bolder; + // border-radius: 5px; + // padding: 5px 10px; + // font-size: 1rem; + // display: inline;`) + // } + // } + // } + } + + } +} + diff --git a/2_5_8_Target Size_(Minimum)(AA).js b/2_5_8_Target Size_(Minimum)(AA).js new file mode 100755 index 0000000..e71a7d9 --- /dev/null +++ b/2_5_8_Target Size_(Minimum)(AA).js @@ -0,0 +1,32 @@ + + +// controls should be of atleast 44 by 44 pixel dimensions. +// If not then they should be enclosed inside a 44 by 44 boundary + +setTimeout(() => { + PointerTargetSpacing() +}, 11400); + +function PointerTargetSpacing() { + var allTags = document.querySelectorAll("*") + for (var k = 0; k < allTags.length; k++) { + if (allTags[k].nodeName != "HTML" && + allTags[k].nodeName != "BODY" && + allTags[k].nodeName != "LINK" && + allTags[k].nodeName != "SCRIPT" && + allTags[k].nodeName != "STYLE" && + allTags[k].nodeName != "XML" && + allTags[k].nodeName != "HEAD" && + allTags[k].nodeName != "META") { + if (allTags[k].clientHeight < 44 || allTags[k].clientWidth < 44) { + console.log("-----------------------------------------") + console.log("Rule: WCAG 2.5.8 (2.2,AA)") + console.log("Error: Need the target size of atleast 44 pixels") + console.log("Code Snippet: ", allTags[k].outerHTML) + console.log("Fix: Make the target size to atleast 44 pixels") + } + } + + } + +} \ No newline at end of file diff --git a/3_1_1_LanguageOfPage(A).js b/3_1_1_LanguageOfPage(A).js new file mode 100755 index 0000000..99908b3 --- /dev/null +++ b/3_1_1_LanguageOfPage(A).js @@ -0,0 +1,1712 @@ +setTimeout(() => { + LanguageOfPage(); +}, 800); + + +function LanguageOfPage() { + $.fn.log = function () { + console.log.apply(console, this); + return this; + }; + var langMap = { + "ab": true, + "aa": true, + "af": true, + "ak": true, + "sq": true, + "am": true, + "ar": true, + "an": true, + "hy": true, + "as": true, + "av": true, + "ay": true, + "az": true, + "bm": true, + "ba": true, + "eu": true, + "be": true, + "bn": true, + "bh": true, + "bi": true, + "bs": true, + "br": true, + "bg": true, + "my": true, + "ca": true, + "ch": true, + "ce": true, + "ny": true, + "zh": true, + "zh-Hans": true, + "zh-Hant": true, + "cv": true, + "kw": true, + "co": true, + "cr": true, + "hr": true, + "cs": true, + "da": true, + "dv": true, + "nl": true, + "dz": true, + "en": true, + "eo": true, + "et": true, + "ee": true, + "fo": true, + "fj": true, + "fi": true, + "fr": true, + "ff": true, + "gl": true, + "gd": true, + "gv": true, + "ka": true, + "de": true, + "el": true, + "kl": true, + "gn": true, + "gu": true, + "ht": true, + "ha": true, + "he": true, + "hz": true, + "hi": true, + "ho": true, + "hu": true, + "is": true, + "io": true, + "ig": true, + "id": true, + "in": true, + "ia": true, + "ie": true, + "iu": true, + "ik": true, + "ga": true, + "it": true, + "ja": true, + "jv": true, + "kl": true, + "kn": true, + "kr": true, + "ks": true, + "kk": true, + "km": true, + "ki": true, + "rw": true, + "rn": true, + "ky": true, + "kv": true, + "kg": true, + "ko": true, + "ku": true, + "kj": true, + "lo": true, + "la": true, + "lv": true, + "li": true, + "ln": true, + "lt": true, + "lu": true, + "lg": true, + "lb": true, + "gv": true, + "mk": true, + "mg": true, + "ms": true, + "ml": true, + "mt": true, + "mi": true, + "mr": true, + "mh": true, + "mo": true, + "mn": true, + "na": true, + "nv": true, + "ng": true, + "nd": true, + "ne": true, + "no": true, + "nb": true, + "nn": true, + "ii": true, + "oc": true, + "oj": true, + "cu": true, + "or": true, + "om": true, + "os": true, + "pi": true, + "ps": true, + "fa": true, + "pl": true, + "pt": true, + "pa": true, + "qu": true, + "rm": true, + "ro": true, + "ru": true, + "se": true, + "sm": true, + "sg": true, + "sa": true, + "sr": true, + "sh": true, + "st": true, + "tn": true, + "sn": true, + "ii": true, + "sd": true, + "si": true, + "ss": true, + "sk": true, + "sl": true, + "so": true, + "nr": true, + "es": true, + "su": true, + "sw": true, + "ss": true, + "sv": true, + "tl": true, + "ty": true, + "tg": true, + "ta": true, + "tt": true, + "te": true, + "th": true, + "bo": true, + "ti": true, + "to": true, + "ts": true, + "tr": true, + "tk": true, + "tw": true, + "ug": true, + "uk": true, + "ur": true, + "uz": true, + "ve": true, + "vi": true, + "vo": true, + "wa": true, + "cy": true, + "wo": true, + "fy": true, + "xh": true, + "yi": true, + "ji": true, + "yo": true, + "za": true, + "zu": true, + "ar-SA": true, + "bn-BD": true, + "cs-CZ": true, + "da-DK": true, + "de-AT": true, + "de-CH": true, + "de-DE": true, + "el-GR": true, + "en-AU": true, + "en-CA": true, + "en-GB": true, + "en-IE": true, + "en-IN": true, + "en-NZ": true, + "en-US": true, + "en-ZA": true, + "es-AR": true, + "es-CL": true, + "es-CO": true, + "es-ES": true, + "es-MX": true, + "es-US": true, + "fi-FI": true, + "fr-FR": true, + "fr-CA": true, + "fr-CH": true, + "fr-BE": true, + "he-IL": true, + "hi-IN": true, + "hu-HU": true, + "id-ID": true, + "it-CH": true, + "it-IT": true, + "jp-JP": true, + "ko-KR": true, + "nl-BE": true, + "nl-NL": true, + "no-NO": true, + "pl-PL": true, + "pt-BR": true, + "pt-PT": true, + "ro-RO": true, + "ru-RU": true, + "sk-SK": true, + "sv-SE": true, + "ta-IN": true, + "ta-LK": true, + "th-TH": true, + "tr-TR": true, + "zh-CN": true, + "zh-HK": true, + "zh-TW": true + } + var CountryMap = { + "AF": true, + "AL": true, + "DZ": true, + "AS": true, + "AD": true, + "AO": true, + "AQ": true, + "AG": true, + "AR": true, + "AM": true, + "AW": true, + "AU": true, + "AT": true, + "AZ": true, + "BS": true, + "BH": true, + "BD": true, + "BB": true, + "BY": true, + "BE": true, + "BZ": true, + "BJ": true, + "BM": true, + "BT": true, + "BO": true, + "BA": true, + "BW": true, + "BV": true, + "BR": true, + "IO": true, + "BN": true, + "BG": true, + "BF": true, + "BI": true, + "KH": true, + "CM": true, + "CA": true, + "CV": true, + "KY": true, + "CF": true, + "TD": true, + "CL": true, + "CN": true, + "CX": true, + "CC": true, + "CO": true, + "KM": true, + "CG": true, + "CD": true, + "CK": true, + "CR": true, + "CI": true, + "HR": true, + "CU": true, + "CY": true, + "CZ": true, + "DK": true, + "DJ": true, + "DM": true, + "DO": true, + "EC": true, + "EG": true, + "SV": true, + "GQ": true, + "ER": true, + "EE": true, + "ET": true, + "FK": true, + "FO": true, + "FJ": true, + "FI": true, + "FR": true, + "GF": true, + "PF": true, + "TF": true, + "GA": true, + "GM": true, + "GE": true, + "DE": true, + "GH": true, + "GI": true, + "GR": true, + "GL": true, + "GD": true, + "GP": true, + "GU": true, + "GT": true, + "GN": true, + "GW": true, + "GY": true, + "HT": true, + "HM": true, + "HN": true, + "HK": true, + "HU": true, + "IS": true, + "IN": true, + "ID": true, + "IR": true, + "IQ": true, + "IE": true, + "IL": true, + "IT": true, + "JM": true, + "JP": true, + "JO": true, + "KZ": true, + "KE": true, + "KI": true, + "KP": true, + "KR": true, + "KW": true, + "KG": true, + "LA": true, + "LV": true, + "LB": true, + "LS": true, + "LR": true, + "LY": true, + "LI": true, + "LT": true, + "LU": true, + "MO": true, + "MK": true, + "MG": true, + "MW": true, + "MY": true, + "MV": true, + "ML": true, + "MT": true, + "MH": true, + "MQ": true, + "MR": true, + "MU": true, + "YT": true, + "MX": true, + "FM": true, + "MD": true, + "MC": true, + "MN": true, + "ME": true, + "MS": true, + "MA": true, + "MZ": true, + "MM": true, + "NA": true, + "NR": true, + "NP": true, + "NL": true, + "AN": true, + "NC": true, + "NZ": true, + "NI": true, + "NE": true, + "NG": true, + "NU": true, + "NF": true, + "MP": true, + "NO": true, + "OM": true, + "PK": true, + "PW": true, + "PS": true, + "PA": true, + "PG": true, + "PY": true, + "PE": true, + "PH": true, + "PN": true, + "PL": true, + "PT": true, + "PR": true, + "QA": true, + "RE": true, + "RO": true, + "RU": true, + "RW": true, + "SH": true, + "KN": true, + "LC": true, + "PM": true, + "VC": true, + "WS": true, + "SM": true, + "ST": true, + "SA": true, + "SN": true, + "RS": true, + "SC": true, + "SL": true, + "SG": true, + "SK": true, + "SI": true, + "SB": true, + "SO": true, + "ZA": true, + "GS": true, + "SS": true, + "ES": true, + "LK": true, + "SD": true, + "SR": true, + "SJ": true, + "SZ": true, + "SE": true, + "CH": true, + "SY": true, + "TW": true, + "TJ": true, + "TZ": true, + "TH": true, + "TL": true, + "TG": true, + "TK": true, + "TO": true, + "TT": true, + "TN": true, + "TR": true, + "TM": true, + "TC": true, + "TV": true, + "UG": true, + "UA": true, + "AE": true, + "GB": true, + "US": true, + "UM": true, + "UY": true, + "UZ": true, + "VU": true, + "VE": true, + "VN": true, + "VG": true, + "VI": true, + "WF": true, + "EH": true, + "YE": true, + "ZM": true, + "ZW": true, + } + var langMap2 = { + "aar" : true, + "abk" : true, + "ace" : true, + "ach" : true, + "ada" : true, + "ady" : true, + "afa" : true, + "afh" : true, + "afr" : true, + "ain" : true, + "aka" : true, + "akk" : true, + "alb" : true, + "sqi" : true, + "ale" : true, + "alg" : true, + "alt" : true, + "amh" : true, + "ang" : true, + "anp" : true, + "apa" : true, + "ara" : true, + "arc" : true, + "arg" : true, + "arm" : true, + "hye" : true, + "arn" : true, + "arp" : true, + "art" : true, + "arw" : true, + "asm" : true, + "ast" : true, + "ath" : true, + "aus" : true, + "ava" : true, + "ave" : true, + "awa" : true, + "aym" : true, + "aze" : true, + "bad" : true, + "bai" : true, + "bak" : true, + "bal" : true, + "bam" : true, + "ban" : true, + "baq" : true, + "eus" : true, + "bas" : true, + "bat" : true, + "bej" : true, + "bel" : true, + "bem" : true, + "ben" : true, + "ber" : true, + "bho" : true, + "bih" : true, + "bik" : true, + "bin" : true, + "bis" : true, + "bla" : true, + "bnt" : true, + "tib" : true, + "bod" : true, + "bos" : true, + "bra" : true, + "bre" : true, + "btk" : true, + "bua" : true, + "bug" : true, + "bul" : true, + "bur" : true, + "mya" : true, + "byn" : true, + "cad" : true, + "cai" : true, + "car" : true, + "cat" : true, + "cau" : true, + "ceb" : true, + "cel" : true, + "cze" : true, + "ces" : true, + "cha" : true, + "chb" : true, + "che" : true, + "chg" : true, + "chi" : true, + "zho" : true, + "chk" : true, + "chm" : true, + "chn" : true, + "cho" : true, + "chp" : true, + "chr" : true, + "chu" : true, + "chv" : true, + "chy" : true, + "cmc" : true, + "cnr" : true, + "cop" : true, + "cor" : true, + "cos" : true, + "cpe" : true, + "cpf" : true, + "cpp" : true, + "cre" : true, + "crh" : true, + "crp" : true, + "csb" : true, + "cus" : true, + "wel" : true, + "cym" : true, + "cze" : true, + "ces" : true, + "dak" : true, + "dan" : true, + "dar" : true, + "day" : true, + "del" : true, + "den" : true, + "ger" : true, + "deu" : true, + "dgr" : true, + "din" : true, + "div" : true, + "doi" : true, + "dra" : true, + "dsb" : true, + "dua" : true, + "dum" : true, + "dut" : true, + "nld" : true, + "dyu" : true, + "dzo" : true, + "efi" : true, + "egy" : true, + "eka" : true, + "gre" : true, + "ell" : true, + "elx" : true, + "eng" : true, + "enm" : true, + "epo" : true, + "est" : true, + "baq" : true, + "eus" : true, + "ewe" : true, + "ewo" : true, + "fan" : true, + "fao" : true, + "per" : true, + "fas" : true, + "fat" : true, + "fij" : true, + "fil" : true, + "fin" : true, + "fiu" : true, + "fon" : true, + "fre" : true, + "fra" : true, + "fre" : true, + "fra" : true, + "frm" : true, + "fro" : true, + "frr" : true, + "frs" : true, + "fry" : true, + "ful" : true, + "fur" : true, + "gaa" : true, + "gay" : true, + "gba" : true, + "gem" : true, + "geo" : true, + "kat" : true, + "ger" : true, + "deu" : true, + "gez" : true, + "gil" : true, + "gla" : true, + "gle" : true, + "glg" : true, + "glv" : true, + "gmh" : true, + "goh" : true, + "gon" : true, + "gor" : true, + "got" : true, + "grb" : true, + "grc" : true, + "gre" : true, + "ell" : true, + "grn" : true, + "gsw" : true, + "guj" : true, + "gwi" : true, + "hai" : true, + "hat" : true, + "hau" : true, + "haw" : true, + "heb" : true, + "her" : true, + "hil" : true, + "him" : true, + "hin" : true, + "hit" : true, + "hmn" : true, + "hmo" : true, + "hrv" : true, + "hsb" : true, + "hun" : true, + "hup" : true, + "arm" : true, + "hye" : true, + "iba" : true, + "ibo" : true, + "ice" : true, + "isl" : true, + "ido" : true, + "iii" : true, + "ijo" : true, + "iku" : true, + "ile" : true, + "ilo" : true, + "ina" : true, + "inc" : true, + "ind" : true, + "ine" : true, + "inh" : true, + "ipk" : true, + "ira" : true, + "iro" : true, + "ice" : true, + "isl" : true, + "ita" : true, + "jav" : true, + "jbo" : true, + "jpn" : true, + "jpr" : true, + "jrb" : true, + "kaa" : true, + "kab" : true, + "kac" : true, + "kal" : true, + "kam" : true, + "kan" : true, + "kar" : true, + "kas" : true, + "geo" : true, + "kat" : true, + "kau" : true, + "kaw" : true, + "kaz" : true, + "kbd" : true, + "kha" : true, + "khi" : true, + "khm" : true, + "kho" : true, + "kik" : true, + "kin" : true, + "kir" : true, + "kmb" : true, + "kok" : true, + "kom" : true, + "kon" : true, + "kor" : true, + "kos" : true, + "kpe" : true, + "krc" : true, + "krl" : true, + "kro" : true, + "kru" : true, + "kua" : true, + "kum" : true, + "kur" : true, + "kut" : true, + "lad" : true, + "lah" : true, + "lam" : true, + "lao" : true, + "lat" : true, + "lav" : true, + "lez" : true, + "lim" : true, + "lin" : true, + "lit" : true, + "lol" : true, + "loz" : true, + "ltz" : true, + "lua" : true, + "lub" : true, + "lug" : true, + "lui" : true, + "lun" : true, + "luo" : true, + "lus" : true, + "mac" : true, + "mkd" : true, + "mad" : true, + "mag" : true, + "mah" : true, + "mai" : true, + "mak" : true, + "mal" : true, + "man" : true, + "mao" : true, + "mri" : true, + "map" : true, + "mar" : true, + "mas" : true, + "may" : true, + "msa" : true, + "mdf" : true, + "mdr" : true, + "men" : true, + "mga" : true, + "mic" : true, + "min" : true, + "mis" : true, + "mac" : true, + "mkd" : true, + "mkh" : true, + "mlg" : true, + "mlt" : true, + "mnc" : true, + "mni" : true, + "mno" : true, + "moh" : true, + "mon" : true, + "mos" : true, + "mao" : true, + "mri" : true, + "may" : true, + "msa" : true, + "mul" : true, + "mun" : true, + "mus" : true, + "mwl" : true, + "mwr" : true, + "bur" : true, + "mya" : true, + "myn" : true, + "myv" : true, + "nah" : true, + "nai" : true, + "nap" : true, + "nau" : true, + "nav" : true, + "nbl" : true, + "nde" : true, + "ndo" : true, + "nds" : true, + "nep" : true, + "new" : true, + "nia" : true, + "nic" : true, + "niu" : true, + "dut" : true, + "nld" : true, + "nno" : true, + "nob" : true, + "nog" : true, + "non" : true, + "nor" : true, + "nqo" : true, + "nso" : true, + "nub" : true, + "nwc" : true, + "nya" : true, + "nym" : true, + "nyn" : true, + "nyo" : true, + "nzi" : true, + "oci" : true, + "oji" : true, + "ori" : true, + "orm" : true, + "osa" : true, + "oss" : true, + "ota" : true, + "oto" : true, + "paa" : true, + "pag" : true, + "pal" : true, + "pam" : true, + "pan" : true, + "pap" : true, + "pau" : true, + "peo" : true, + "per" : true, + "fas" : true, + "phi" : true, + "phn" : true, + "pli" : true, + "pol" : true, + "pon" : true, + "por" : true, + "pra" : true, + "pro" : true, + "pus" : true, + "qaa-qtz" : true, + "que" : true, + "raj" : true, + "rap" : true, + "rar" : true, + "roa" : true, + "roh" : true, + "rom" : true, + "rum" : true, + "ron" : true, + "rum" : true, + "ron" : true, + "run" : true, + "rup" : true, + "rus" : true, + "sad" : true, + "sag" : true, + "sah" : true, + "sai" : true, + "sal" : true, + "sam" : true, + "san" : true, + "sas" : true, + "sat" : true, + "scn" : true, + "sco" : true, + "sel" : true, + "sem" : true, + "sga" : true, + "sgn" : true, + "shn" : true, + "sid" : true, + "sin" : true, + "sio" : true, + "sit" : true, + "sla" : true, + "slo" : true, + "slk" : true, + "slo" : true, + "slk" : true, + "slv" : true, + "sma" : true, + "sme" : true, + "smi" : true, + "smj" : true, + "smn" : true, + "smo" : true, + "sms" : true, + "sna" : true, + "snd" : true, + "snk" : true, + "sog" : true, + "som" : true, + "son" : true, + "sot" : true, + "spa" : true, + "alb" : true, + "sqi" : true, + "srd" : true, + "srn" : true, + "srp" : true, + "srr" : true, + "ssa" : true, + "ssw" : true, + "suk" : true, + "sun" : true, + "sus" : true, + "sux" : true, + "swa" : true, + "swe" : true, + "syc" : true, + "syr" : true, + "tah" : true, + "tai" : true, + "tam" : true, + "tat" : true, + "tel" : true, + "tem" : true, + "ter" : true, + "tet" : true, + "tgk" : true, + "tgl" : true, + "tha" : true, + "tib" : true, + "bod" : true, + "tig" : true, + "tir" : true, + "tiv" : true, + "tkl" : true, + "tlh" : true, + "tli" : true, + "tmh" : true, + "tog" : true, + "ton" : true, + "tpi" : true, + "tsi" : true, + "tsn" : true, + "tso" : true, + "tuk" : true, + "tum" : true, + "tup" : true, + "tur" : true, + "tut" : true, + "tvl" : true, + "twi" : true, + "tyv" : true, + "udm" : true, + "uga" : true, + "uig" : true, + "ukr" : true, + "umb" : true, + "und" : true, + "urd" : true, + "uzb" : true, + "vai" : true, + "ven" : true, + "vie" : true, + "vol" : true, + "vot" : true, + "wak" : true, + "wal" : true, + "war" : true, + "was" : true, + "wel" : true, + "cym" : true, + "wen" : true, + "wln" : true, + "wol" : true, + "xal" : true, + "xho" : true, + "yao" : true, + "yap" : true, + "yid" : true, + "yor" : true, + "ypk" : true, + "zap" : true, + "zbl" : true, + "zen" : true, + "zgh" : true, + "zha" : true, + "chi" : true, + "zho" : true, + "znd" : true, + "zul" : true, + "zun" : true, + "zxx" : true, + "zza" : true} + // console.log(document.getElementsByTagName("html")[0].getAttribute("xml:lang")) + // console.log(document.getElementsByTagName("html")[0].getAttribute("lang")) + var checkOn1 = true + var checkOn2 = true + if ( + document.getElementsByTagName("html")[0].getAttribute("lang") == null || + document.getElementsByTagName("html")[0].getAttribute("lang") == "" + ) { + checkOn1 = false + + } + if (document.getElementsByTagName("html")[0].getAttribute("xml:lang") == null || + document.getElementsByTagName("html")[0].getAttribute("xml:lang") == "") { + checkOn2 = false + } + if (!checkOn1 && !checkOn2) { + console.log("%cRule:%cWCAG 3.1.1 (2.0,A)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cISO Language attribute on the opening HTML tag is not set", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(document.getElementsByTagName("html")[0]).log() + console.log("%cFix:%cCheck that the value of the lang attribute conforms to BCP 47 or ISO: Tags for the Identification of Languages", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + else if (!checkOn1 && checkOn2) { + if (document.getElementsByTagName("html")[0].getAttribute("xml:lang") in langMap) { + // Valid Language ID + } else { + if (document.getElementsByTagName("html")[0].getAttribute("xml:lang").length == 2) { + console.log("%cRule:%cWCAG 3.1.1 (2.0,A)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cInvalid language attribute of the HTML page", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(document.getElementsByTagName("html")[0]).log() + console.log("%cFix:%cCheck that the value of the lang attribute conforms to BCP 47 or ISO: Tags for the Identification of Languages", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } else { + var checkmix = false + for (keys in langMap) { + for (codes in CountryMap) { + if (keys.length == 2) { + var mixedLangTag = keys + "-" + codes + if (mixedLangTag == document.getElementsByTagName("html")[0].getAttribute("xml:lang")) { + checkmix = true + break + } + } + } + } + if (!checkmix) { + console.log("%cRule:%cWCAG 3.1.1 (2.0,A)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cInvalid language attribute of the HTML page", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(document.getElementsByTagName("html")[0]).log() + console.log("%cFix:%cCheck that the value of the lang attribute conforms to BCP 47 or ISO: Tags for the Identification of Languages", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + } + } + } else if (checkOn1 && !checkOn2) { + if (document.getElementsByTagName("html")[0].getAttribute("lang") in langMap) { + // Valid Language ID + } else { + if (document.getElementsByTagName("html")[0].getAttribute("lang").length == 2) { + console.log("%cRule:%cWCAG 3.1.1 (2.0,A)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cInvalid language attribute of the HTML page", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(document.getElementsByTagName("html")[0]).log() + console.log("%cFix:%cCheck that the value of the lang attribute conforms to BCP 47 or ISO: Tags for the Identification of Languages", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } else { + var checkmix = false + for (keys in langMap) { + for (codes in CountryMap) { + if (keys.length == 2) { + var mixedLangTag = keys + "-" + codes + console.log(mixedLangTag) + if (mixedLangTag == document.getElementsByTagName("html")[0].getAttribute("xml:lang")) { + checkmix = true + break + } + } + } + } + if (!checkmix) { + console.log("%cRule:%cWCAG 3.1.1 (2.0,A)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cInvalid language attribute of the HTML page", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(document.getElementsByTagName("html")[0]).log() + console.log("%cFix:%cCheck that the value of the lang attribute conforms to BCP 47 or ISO: Tags for the Identification of Languages", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + } + } + } else if (checkOn1 && checkOn2) { + if (document.getElementsByTagName("html")[0].getAttribute("xml:lang") in langMap) { + // Valid Language ID + } else { + if (document.getElementsByTagName("html")[0].getAttribute("xml:lang").length == 2) { + console.log("%cRule:%cWCAG 3.1.1 (2.0,A)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cInvalid language attribute of the HTML page", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(document.getElementsByTagName("html")[0]).log() + console.log("%cFix:%cCheck that the value of the lang attribute conforms to BCP 47 or ISO: Tags for the Identification of Languages", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } else { + var checkmix = false + for (keys in langMap) { + for (codes in CountryMap) { + if (keys.length == 2) { + var mixedLangTag = keys + "-" + codes + if (mixedLangTag == document.getElementsByTagName("html")[0].getAttribute("xml:lang")) { + checkmix = true + break + } + } + } + } + if (!checkmix) { + console.log("%cRule:%cWCAG 3.1.1 (2.0,A)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cInvalid language attribute of the HTML page", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(document.getElementsByTagName("html")[0]).log() + console.log("%cFix:%cCheck that the value of the lang attribute conforms to BCP 47 or ISO: Tags for the Identification of Languages", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + } + } + if (document.getElementsByTagName("html")[0].getAttribute("lang") in langMap) { + // Valid Language ID + } else { + if (document.getElementsByTagName("html")[0].getAttribute("lang").length == 2) { + + console.log("%cRule:%cWCAG 3.1.1 (2.0,A)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cInvalid language attribute of the HTML page", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(document.getElementsByTagName("html")[0]).log() + console.log("%cFix:%cCheck that the value of the lang attribute conforms to BCP 47 or ISO: Tags for the Identification of Languages", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } else { + var checkmix = false + for (keys in langMap) { + for (codes in CountryMap) { + if (keys.length == 2) { + var mixedLangTag = keys + "-" + codes + console.log(mixedLangTag) + if (mixedLangTag == document.getElementsByTagName("html")[0].getAttribute("xml:lang")) { + checkmix = true + break + } + } + } + } + if (!checkmix) { + console.log("%cRule:%cWCAG 3.1.1 (2.0,A)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cInvalid language attribute of the HTML page", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(document.getElementsByTagName("html")[0]).log() + console.log("%cFix:%cCheck that the value of the lang attribute conforms to BCP 47 or ISO: Tags for the Identification of Languages", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + } + } + } +} diff --git a/3_2_7_HiddenControls(AA).js b/3_2_7_HiddenControls(AA).js new file mode 100755 index 0000000..16f4cf6 --- /dev/null +++ b/3_2_7_HiddenControls(AA).js @@ -0,0 +1,411 @@ +// The controls should be either visible or persistent onhover + +setTimeout(() => { + HiddenControls() +}, 400); + +function HiddenControls() { + $.fn.log = function () { + console.log.apply(console, this); + return this; + }; + var allTags = document.querySelectorAll("*") + for (var k = 0; k < allTags.length; k++) { + var element = allTags[k] + var rect = $(element).position(); + var rectOnChange + if (element.hidden == true || element.style.visibility == "hidden" || element.style.display == "none") { + rectOnChange = $(element).focus().position(); + if (parseInt(rect.top) != parseInt(rectOnChange.top) || parseInt(rect.left) != parseInt(rectOnChange.left)) { + console.log("%cRule:%cWCAG 3.2.7 (2.2,AA)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cFound the hidden Element on focus non-persistent", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(element).log() + console.log("%cFix:%cMake the hidden element on focus persistent - position should not be changed", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + rectOnChange = $(element).hover().position(); + if (parseInt(rect.top) != parseInt(rectOnChange.top) || parseInt(rect.left) != parseInt(rectOnChange.left)) { + console.log("%cRule:%cWCAG 3.2.7 (2.2,AA)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cFound the hidden Element on hover non-persistent", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(element).log() + console.log("%cFix:%cMake the hidden element on focus hover - position should not be changed", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + rectOnChange = $(element).mouseover().position(); + if (parseInt(rect.top) != parseInt(rectOnChange.top) || parseInt(rect.left) != parseInt(rectOnChange.left)) { + console.log("%cRule:%cWCAG 3.2.7 (2.2,AA)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cFound the hidden Element on mouseover non-persistent", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(element).log() + console.log("%cFix:%cMake the hidden element on mouseover persistent - position should not be changed", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + rectOnChange = $(element).mouseup().position(); + if (parseInt(rect.top) != parseInt(rectOnChange.top) || parseInt(rect.left) != parseInt(rectOnChange.left)) { + console.log("%cRule:%cWCAG 3.2.7 (2.2,AA)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cFound the hidden Element on mouseup non-persistent", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(element).log() + console.log("%cFix:%cMake the hidden element on mouseup persistent - position should not be changed", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + rectOnChange = $(element).mousemove().position(); + if (parseInt(rect.top) != parseInt(rectOnChange.top) || parseInt(rect.left) != parseInt(rectOnChange.left)) { + console.log("%cRule:%cWCAG 3.2.7 (2.2,AA)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cFound the hidden Element on mousemove non-persistent", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(element).log() + console.log("%cFix:%cMake the hidden element on mousemove persistent - position should not be changed", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + rectOnChange = $(element).mouseenter().position(); + if (parseInt(rect.top) != parseInt(rectOnChange.top) || parseInt(rect.left) != parseInt(rectOnChange.left)) { + console.log("%cRule:%cWCAG 3.2.7 (2.2,AA)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cFound the hidden Element on mouseenter non-persistent", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(element).log() + console.log("%cFix:%cMake the hidden element on mouseenter persistent - position should not be changed", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + } + } + +} \ No newline at end of file diff --git a/3_3_2_LabelsOrInstructions(A).js b/3_3_2_LabelsOrInstructions(A).js new file mode 100755 index 0000000..6e2b5e9 --- /dev/null +++ b/3_3_2_LabelsOrInstructions(A).js @@ -0,0 +1,92 @@ +setTimeout(() => { + LabelsOrInstructions() +}, 700); + +function LabelsOrInstructions() { + $.fn.log = function () { + console.log.apply(console, this); + return this; + }; + var inputTags = document.querySelectorAll('input') + for (var d = 0; d < inputTags.length; d++) { + var testCasePass = false + var labelTags = document.querySelectorAll('input'); + for (var x = 0; x < labelTags.length; x++) { + if (labelTags[x].htmlFor == inputTags[d].id) { + if (labelTags[x].innerText != null && labelTags[x].innerText != "") { + testCasePass = true + break + } + } + if (testCasePass == false) { + console.log("%cRule:%cWCAG 3.3.2 (2.0,A)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cInput element's corresponding label's text found empty", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(inputTags[d]).log() + console.log("%cFix:%cInput element's corresponding label's text has to be added", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + + } + } + + } + + +} + diff --git a/3_3_7_AccessibleAuthentication(A).js b/3_3_7_AccessibleAuthentication(A).js new file mode 100755 index 0000000..03d2445 --- /dev/null +++ b/3_3_7_AccessibleAuthentication(A).js @@ -0,0 +1,367 @@ +setTimeout(() => { + AccessibleAuthentication() +}, 600); +function AutoComplete(elementArray) { + for (var i = 0; i < elementArray.length; i++) { + if (elementArray[i].type == "submit" || elementArray[i].type == "hidden") { + continue + } else { + if (elementArray[i].autocomplete == "off" || elementArray[i].autocomplete == "" || elementArray[i].autocomplete == null) { + return false + } + } + } + return true +} +function AccessibleAuthentication() { + $.fn.log = function () { + console.log.apply(console, this); + return this; + }; + var inputTags = document.querySelectorAll('input') + for (var a = 0; a < inputTags.length; a++) { + if(!inputTags[a].disabled){ + if (inputTags[a].type == "submit") { + if (inputTags[a].form == null) { + if (element.oncontextmenu == null || element.onfocus == null) { + console.log("%cRule:%cWCAG 3.3.7 (2.2,A)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cMisplaced submit button", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(inputTags[a]).log() + console.log("%cFix:%cSubmit button must be enclosed inside a form", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + } + var formLength = inputTags[a].form.length + if (formLength > 0) { + var submitExists = false + var formArray = inputTags[a].form + for (var k = 0; k < formArray.length; k++) { + if (formArray[k].type == "submit") { + submitExists = true + break + } + } + if (submitExists) { + if (AutoComplete(formArray)) { + } else { + console.log("%cRule:%cWCAG 3.3.7 (2.2,A)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cAutocomplete for some form elements is missing/off", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(inputTags[a].parentNode).log() + console.log("%cFix:%cAllow autocomplete feature for input elements in the form", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + } + else { + console.log("%cRule:%cWCAG 3.3.7 (2.2,A)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cSubmit button does not exist", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(inputTags[a]).log() + console.log("%cFix:%cAdd submit button in the form to enable browser store a password", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + } else { + if (inputTags[a].autocomplete == "") { + console.log("%cRule:%cWCAG 3.3.7 (2.2,A)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cInput element should not have autocomplete attribute unset", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(inputTags[a]).log() + console.log("%cFix:%cSet autocomplete property for the input to on", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } else { + if (inputTags[a].autocomplete == "off") { + console.log("%cRule:%cWCAG 3.3.7 (2.2,A)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cInput element should not have autocomplete attribute in off mode", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cCode Snippet:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + $(inputTags[a]).log() + console.log("%cFix:%cSet autocomplete property for the input to on", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + } + } + + } + } + + }} \ No newline at end of file diff --git a/4_1_1_Parsing(A).js b/4_1_1_Parsing(A).js new file mode 100755 index 0000000..d52eab5 --- /dev/null +++ b/4_1_1_Parsing(A).js @@ -0,0 +1,155 @@ +setTimeout(() => { + Parsing() +}, 1600); + +function Parsing() { + $.fn.log = function () { + console.log.apply(console, this); + return this; + }; + if (document.doctype === null){ + console.log("%cRule:%cWCAG 4.1.1 (2.0,A)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cDoctype is missing.", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cFix:%cAdd ", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + var allTags = document.querySelectorAll('*') + var id_array = {} + for (var d = 0; d < allTags.length; d++) { + if (allTags[d].nodeName != "HTML" && + allTags[d].nodeName != "BODY" && + allTags[d].nodeName != "LINK" && + allTags[d].nodeName != "SCRIPT" && + allTags[d].nodeName != "STYLE" && + allTags[d].nodeName != "XML" && + allTags[d].nodeName != "HEAD" && + allTags[d].nodeName != "META") { + if (allTags[d].id != null && allTags[d].id != "") { + if (allTags[d].id in id_array) { + id_array[allTags[d].id].push(d) + } else { + var new_arr = [] + new_arr.push(d) + id_array[allTags[d].id] = new_arr + } + } + } + } + for (id in id_array) { + if (id_array[id].length > 1) { + console.log("%cRule:%cWCAG 4.1.1 (2.0,A)", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #809FFF; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cError:%cFound two or more elements using same id", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #EB5177; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%cFollowing Code Snippets:", + `color: #FFF; + background-color: #333; + border-radius: 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + for (var i = 0; i < id_array[id].length; i++) { + $(allTags[id_array[id][i]]).log() + } + console.log("%cFix:%cUse a distinct id value", + `color: #FFF; + background-color: #333; + border-radius: 5px 0px 0px 5px; + padding: 5px 10px; + font-size: 0.8rem; + display: inline; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`, + `color: #FFF; + display: inline; + font-size: 0.8rem; + background-color: #007075; + border-radius: 0px 5px 5px 0px; + padding: 5px 10px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);`) + console.log("%c-----------------------------------------------------------------------------", + `color: #FFF; + background-color: #293543; + font-weight: bolder; + border-radius: 5px; + padding: 5px 10px; + font-size: 1rem; + display: inline;`) + } + } +} \ No newline at end of file diff --git a/jquery-3.6.0.js b/jquery-3.6.0.js new file mode 100755 index 0000000..69e0a92 --- /dev/null +++ b/jquery-3.6.0.js @@ -0,0 +1,2 @@ +/*! jQuery v3.6.0 | (c) OpenJS Foundation and other contributors | jquery.org/license */ +!function (e, t) { "use strict"; "object" == typeof module && "object" == typeof module.exports ? module.exports = e.document ? t(e, !0) : function (e) { if (!e.document) throw new Error("jQuery requires a window with a document"); return t(e) } : t(e) }("undefined" != typeof window ? window : this, function (C, e) { "use strict"; var t = [], r = Object.getPrototypeOf, s = t.slice, g = t.flat ? function (e) { return t.flat.call(e) } : function (e) { return t.concat.apply([], e) }, u = t.push, i = t.indexOf, n = {}, o = n.toString, v = n.hasOwnProperty, a = v.toString, l = a.call(Object), y = {}, m = function (e) { return "function" == typeof e && "number" != typeof e.nodeType && "function" != typeof e.item }, x = function (e) { return null != e && e === e.window }, E = C.document, c = { type: !0, src: !0, nonce: !0, noModule: !0 }; function b(e, t, n) { var r, i, o = (n = n || E).createElement("script"); if (o.text = e, t) for (r in c) (i = t[r] || t.getAttribute && t.getAttribute(r)) && o.setAttribute(r, i); n.head.appendChild(o).parentNode.removeChild(o) } function w(e) { return null == e ? e + "" : "object" == typeof e || "function" == typeof e ? n[o.call(e)] || "object" : typeof e } var f = "3.6.0", S = function (e, t) { return new S.fn.init(e, t) }; function p(e) { var t = !!e && "length" in e && e.length, n = w(e); return !m(e) && !x(e) && ("array" === n || 0 === t || "number" == typeof t && 0 < t && t - 1 in e) } S.fn = S.prototype = { jquery: f, constructor: S, length: 0, toArray: function () { return s.call(this) }, get: function (e) { return null == e ? s.call(this) : e < 0 ? this[e + this.length] : this[e] }, pushStack: function (e) { var t = S.merge(this.constructor(), e); return t.prevObject = this, t }, each: function (e) { return S.each(this, e) }, map: function (n) { return this.pushStack(S.map(this, function (e, t) { return n.call(e, t, e) })) }, slice: function () { return this.pushStack(s.apply(this, arguments)) }, first: function () { return this.eq(0) }, last: function () { return this.eq(-1) }, even: function () { return this.pushStack(S.grep(this, function (e, t) { return (t + 1) % 2 })) }, odd: function () { return this.pushStack(S.grep(this, function (e, t) { return t % 2 })) }, eq: function (e) { var t = this.length, n = +e + (e < 0 ? t : 0); return this.pushStack(0 <= n && n < t ? [this[n]] : []) }, end: function () { return this.prevObject || this.constructor() }, push: u, sort: t.sort, splice: t.splice }, S.extend = S.fn.extend = function () { var e, t, n, r, i, o, a = arguments[0] || {}, s = 1, u = arguments.length, l = !1; for ("boolean" == typeof a && (l = a, a = arguments[s] || {}, s++), "object" == typeof a || m(a) || (a = {}), s === u && (a = this, s--); s < u; s++)if (null != (e = arguments[s])) for (t in e) r = e[t], "__proto__" !== t && a !== r && (l && r && (S.isPlainObject(r) || (i = Array.isArray(r))) ? (n = a[t], o = i && !Array.isArray(n) ? [] : i || S.isPlainObject(n) ? n : {}, i = !1, a[t] = S.extend(l, o, r)) : void 0 !== r && (a[t] = r)); return a }, S.extend({ expando: "jQuery" + (f + Math.random()).replace(/\D/g, ""), isReady: !0, error: function (e) { throw new Error(e) }, noop: function () { }, isPlainObject: function (e) { var t, n; return !(!e || "[object Object]" !== o.call(e)) && (!(t = r(e)) || "function" == typeof (n = v.call(t, "constructor") && t.constructor) && a.call(n) === l) }, isEmptyObject: function (e) { var t; for (t in e) return !1; return !0 }, globalEval: function (e, t, n) { b(e, { nonce: t && t.nonce }, n) }, each: function (e, t) { var n, r = 0; if (p(e)) { for (n = e.length; r < n; r++)if (!1 === t.call(e[r], r, e[r])) break } else for (r in e) if (!1 === t.call(e[r], r, e[r])) break; return e }, makeArray: function (e, t) { var n = t || []; return null != e && (p(Object(e)) ? S.merge(n, "string" == typeof e ? [e] : e) : u.call(n, e)), n }, inArray: function (e, t, n) { return null == t ? -1 : i.call(t, e, n) }, merge: function (e, t) { for (var n = +t.length, r = 0, i = e.length; r < n; r++)e[i++] = t[r]; return e.length = i, e }, grep: function (e, t, n) { for (var r = [], i = 0, o = e.length, a = !n; i < o; i++)!t(e[i], i) !== a && r.push(e[i]); return r }, map: function (e, t, n) { var r, i, o = 0, a = []; if (p(e)) for (r = e.length; o < r; o++)null != (i = t(e[o], o, n)) && a.push(i); else for (o in e) null != (i = t(e[o], o, n)) && a.push(i); return g(a) }, guid: 1, support: y }), "function" == typeof Symbol && (S.fn[Symbol.iterator] = t[Symbol.iterator]), S.each("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "), function (e, t) { n["[object " + t + "]"] = t.toLowerCase() }); var d = function (n) { var e, d, b, o, i, h, f, g, w, u, l, T, C, a, E, v, s, c, y, S = "sizzle" + 1 * new Date, p = n.document, k = 0, r = 0, m = ue(), x = ue(), A = ue(), N = ue(), j = function (e, t) { return e === t && (l = !0), 0 }, D = {}.hasOwnProperty, t = [], q = t.pop, L = t.push, H = t.push, O = t.slice, P = function (e, t) { for (var n = 0, r = e.length; n < r; n++)if (e[n] === t) return n; return -1 }, R = "checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped", M = "[\\x20\\t\\r\\n\\f]", I = "(?:\\\\[\\da-fA-F]{1,6}" + M + "?|\\\\[^\\r\\n\\f]|[\\w-]|[^\0-\\x7f])+", W = "\\[" + M + "*(" + I + ")(?:" + M + "*([*^$|!~]?=)" + M + "*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|(" + I + "))|)" + M + "*\\]", F = ":(" + I + ")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|" + W + ")*)|.*)\\)|)", B = new RegExp(M + "+", "g"), $ = new RegExp("^" + M + "+|((?:^|[^\\\\])(?:\\\\.)*)" + M + "+$", "g"), _ = new RegExp("^" + M + "*," + M + "*"), z = new RegExp("^" + M + "*([>+~]|" + M + ")" + M + "*"), U = new RegExp(M + "|>"), X = new RegExp(F), V = new RegExp("^" + I + "$"), G = { ID: new RegExp("^#(" + I + ")"), CLASS: new RegExp("^\\.(" + I + ")"), TAG: new RegExp("^(" + I + "|[*])"), ATTR: new RegExp("^" + W), PSEUDO: new RegExp("^" + F), CHILD: new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\(" + M + "*(even|odd|(([+-]|)(\\d*)n|)" + M + "*(?:([+-]|)" + M + "*(\\d+)|))" + M + "*\\)|)", "i"), bool: new RegExp("^(?:" + R + ")$", "i"), needsContext: new RegExp("^" + M + "*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\(" + M + "*((?:-\\d)?\\d*)" + M + "*\\)|)(?=[^-]|$)", "i") }, Y = /HTML$/i, Q = /^(?:input|select|textarea|button)$/i, J = /^h\d$/i, K = /^[^{]+\{\s*\[native \w/, Z = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/, ee = /[+~]/, te = new RegExp("\\\\[\\da-fA-F]{1,6}" + M + "?|\\\\([^\\r\\n\\f])", "g"), ne = function (e, t) { var n = "0x" + e.slice(1) - 65536; return t || (n < 0 ? String.fromCharCode(n + 65536) : String.fromCharCode(n >> 10 | 55296, 1023 & n | 56320)) }, re = /([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g, ie = function (e, t) { return t ? "\0" === e ? "\ufffd" : e.slice(0, -1) + "\\" + e.charCodeAt(e.length - 1).toString(16) + " " : "\\" + e }, oe = function () { T() }, ae = be(function (e) { return !0 === e.disabled && "fieldset" === e.nodeName.toLowerCase() }, { dir: "parentNode", next: "legend" }); try { H.apply(t = O.call(p.childNodes), p.childNodes), t[p.childNodes.length].nodeType } catch (e) { H = { apply: t.length ? function (e, t) { L.apply(e, O.call(t)) } : function (e, t) { var n = e.length, r = 0; while (e[n++] = t[r++]); e.length = n - 1 } } } function se(t, e, n, r) { var i, o, a, s, u, l, c, f = e && e.ownerDocument, p = e ? e.nodeType : 9; if (n = n || [], "string" != typeof t || !t || 1 !== p && 9 !== p && 11 !== p) return n; if (!r && (T(e), e = e || C, E)) { if (11 !== p && (u = Z.exec(t))) if (i = u[1]) { if (9 === p) { if (!(a = e.getElementById(i))) return n; if (a.id === i) return n.push(a), n } else if (f && (a = f.getElementById(i)) && y(e, a) && a.id === i) return n.push(a), n } else { if (u[2]) return H.apply(n, e.getElementsByTagName(t)), n; if ((i = u[3]) && d.getElementsByClassName && e.getElementsByClassName) return H.apply(n, e.getElementsByClassName(i)), n } if (d.qsa && !N[t + " "] && (!v || !v.test(t)) && (1 !== p || "object" !== e.nodeName.toLowerCase())) { if (c = t, f = e, 1 === p && (U.test(t) || z.test(t))) { (f = ee.test(t) && ye(e.parentNode) || e) === e && d.scope || ((s = e.getAttribute("id")) ? s = s.replace(re, ie) : e.setAttribute("id", s = S)), o = (l = h(t)).length; while (o--) l[o] = (s ? "#" + s : ":scope") + " " + xe(l[o]); c = l.join(",") } try { return H.apply(n, f.querySelectorAll(c)), n } catch (e) { N(t, !0) } finally { s === S && e.removeAttribute("id") } } } return g(t.replace($, "$1"), e, n, r) } function ue() { var r = []; return function e(t, n) { return r.push(t + " ") > b.cacheLength && delete e[r.shift()], e[t + " "] = n } } function le(e) { return e[S] = !0, e } function ce(e) { var t = C.createElement("fieldset"); try { return !!e(t) } catch (e) { return !1 } finally { t.parentNode && t.parentNode.removeChild(t), t = null } } function fe(e, t) { var n = e.split("|"), r = n.length; while (r--) b.attrHandle[n[r]] = t } function pe(e, t) { var n = t && e, r = n && 1 === e.nodeType && 1 === t.nodeType && e.sourceIndex - t.sourceIndex; if (r) return r; if (n) while (n = n.nextSibling) if (n === t) return -1; return e ? 1 : -1 } function de(t) { return function (e) { return "input" === e.nodeName.toLowerCase() && e.type === t } } function he(n) { return function (e) { var t = e.nodeName.toLowerCase(); return ("input" === t || "button" === t) && e.type === n } } function ge(t) { return function (e) { return "form" in e ? e.parentNode && !1 === e.disabled ? "label" in e ? "label" in e.parentNode ? e.parentNode.disabled === t : e.disabled === t : e.isDisabled === t || e.isDisabled !== !t && ae(e) === t : e.disabled === t : "label" in e && e.disabled === t } } function ve(a) { return le(function (o) { return o = +o, le(function (e, t) { var n, r = a([], e.length, o), i = r.length; while (i--) e[n = r[i]] && (e[n] = !(t[n] = e[n])) }) }) } function ye(e) { return e && "undefined" != typeof e.getElementsByTagName && e } for (e in d = se.support = {}, i = se.isXML = function (e) { var t = e && e.namespaceURI, n = e && (e.ownerDocument || e).documentElement; return !Y.test(t || n && n.nodeName || "HTML") }, T = se.setDocument = function (e) { var t, n, r = e ? e.ownerDocument || e : p; return r != C && 9 === r.nodeType && r.documentElement && (a = (C = r).documentElement, E = !i(C), p != C && (n = C.defaultView) && n.top !== n && (n.addEventListener ? n.addEventListener("unload", oe, !1) : n.attachEvent && n.attachEvent("onunload", oe)), d.scope = ce(function (e) { return a.appendChild(e).appendChild(C.createElement("div")), "undefined" != typeof e.querySelectorAll && !e.querySelectorAll(":scope fieldset div").length }), d.attributes = ce(function (e) { return e.className = "i", !e.getAttribute("className") }), d.getElementsByTagName = ce(function (e) { return e.appendChild(C.createComment("")), !e.getElementsByTagName("*").length }), d.getElementsByClassName = K.test(C.getElementsByClassName), d.getById = ce(function (e) { return a.appendChild(e).id = S, !C.getElementsByName || !C.getElementsByName(S).length }), d.getById ? (b.filter.ID = function (e) { var t = e.replace(te, ne); return function (e) { return e.getAttribute("id") === t } }, b.find.ID = function (e, t) { if ("undefined" != typeof t.getElementById && E) { var n = t.getElementById(e); return n ? [n] : [] } }) : (b.filter.ID = function (e) { var n = e.replace(te, ne); return function (e) { var t = "undefined" != typeof e.getAttributeNode && e.getAttributeNode("id"); return t && t.value === n } }, b.find.ID = function (e, t) { if ("undefined" != typeof t.getElementById && E) { var n, r, i, o = t.getElementById(e); if (o) { if ((n = o.getAttributeNode("id")) && n.value === e) return [o]; i = t.getElementsByName(e), r = 0; while (o = i[r++]) if ((n = o.getAttributeNode("id")) && n.value === e) return [o] } return [] } }), b.find.TAG = d.getElementsByTagName ? function (e, t) { return "undefined" != typeof t.getElementsByTagName ? t.getElementsByTagName(e) : d.qsa ? t.querySelectorAll(e) : void 0 } : function (e, t) { var n, r = [], i = 0, o = t.getElementsByTagName(e); if ("*" === e) { while (n = o[i++]) 1 === n.nodeType && r.push(n); return r } return o }, b.find.CLASS = d.getElementsByClassName && function (e, t) { if ("undefined" != typeof t.getElementsByClassName && E) return t.getElementsByClassName(e) }, s = [], v = [], (d.qsa = K.test(C.querySelectorAll)) && (ce(function (e) { var t; a.appendChild(e).innerHTML = "", e.querySelectorAll("[msallowcapture^='']").length && v.push("[*^$]=" + M + "*(?:''|\"\")"), e.querySelectorAll("[selected]").length || v.push("\\[" + M + "*(?:value|" + R + ")"), e.querySelectorAll("[id~=" + S + "-]").length || v.push("~="), (t = C.createElement("input")).setAttribute("name", ""), e.appendChild(t), e.querySelectorAll("[name='']").length || v.push("\\[" + M + "*name" + M + "*=" + M + "*(?:''|\"\")"), e.querySelectorAll(":checked").length || v.push(":checked"), e.querySelectorAll("a#" + S + "+*").length || v.push(".#.+[+~]"), e.querySelectorAll("\\\f"), v.push("[\\r\\n\\f]") }), ce(function (e) { e.innerHTML = ""; var t = C.createElement("input"); t.setAttribute("type", "hidden"), e.appendChild(t).setAttribute("name", "D"), e.querySelectorAll("[name=d]").length && v.push("name" + M + "*[*^$|!~]?="), 2 !== e.querySelectorAll(":enabled").length && v.push(":enabled", ":disabled"), a.appendChild(e).disabled = !0, 2 !== e.querySelectorAll(":disabled").length && v.push(":enabled", ":disabled"), e.querySelectorAll("*,:x"), v.push(",.*:") })), (d.matchesSelector = K.test(c = a.matches || a.webkitMatchesSelector || a.mozMatchesSelector || a.oMatchesSelector || a.msMatchesSelector)) && ce(function (e) { d.disconnectedMatch = c.call(e, "*"), c.call(e, "[s!='']:x"), s.push("!=", F) }), v = v.length && new RegExp(v.join("|")), s = s.length && new RegExp(s.join("|")), t = K.test(a.compareDocumentPosition), y = t || K.test(a.contains) ? function (e, t) { var n = 9 === e.nodeType ? e.documentElement : e, r = t && t.parentNode; return e === r || !(!r || 1 !== r.nodeType || !(n.contains ? n.contains(r) : e.compareDocumentPosition && 16 & e.compareDocumentPosition(r))) } : function (e, t) { if (t) while (t = t.parentNode) if (t === e) return !0; return !1 }, j = t ? function (e, t) { if (e === t) return l = !0, 0; var n = !e.compareDocumentPosition - !t.compareDocumentPosition; return n || (1 & (n = (e.ownerDocument || e) == (t.ownerDocument || t) ? e.compareDocumentPosition(t) : 1) || !d.sortDetached && t.compareDocumentPosition(e) === n ? e == C || e.ownerDocument == p && y(p, e) ? -1 : t == C || t.ownerDocument == p && y(p, t) ? 1 : u ? P(u, e) - P(u, t) : 0 : 4 & n ? -1 : 1) } : function (e, t) { if (e === t) return l = !0, 0; var n, r = 0, i = e.parentNode, o = t.parentNode, a = [e], s = [t]; if (!i || !o) return e == C ? -1 : t == C ? 1 : i ? -1 : o ? 1 : u ? P(u, e) - P(u, t) : 0; if (i === o) return pe(e, t); n = e; while (n = n.parentNode) a.unshift(n); n = t; while (n = n.parentNode) s.unshift(n); while (a[r] === s[r]) r++; return r ? pe(a[r], s[r]) : a[r] == p ? -1 : s[r] == p ? 1 : 0 }), C }, se.matches = function (e, t) { return se(e, null, null, t) }, se.matchesSelector = function (e, t) { if (T(e), d.matchesSelector && E && !N[t + " "] && (!s || !s.test(t)) && (!v || !v.test(t))) try { var n = c.call(e, t); if (n || d.disconnectedMatch || e.document && 11 !== e.document.nodeType) return n } catch (e) { N(t, !0) } return 0 < se(t, C, null, [e]).length }, se.contains = function (e, t) { return (e.ownerDocument || e) != C && T(e), y(e, t) }, se.attr = function (e, t) { (e.ownerDocument || e) != C && T(e); var n = b.attrHandle[t.toLowerCase()], r = n && D.call(b.attrHandle, t.toLowerCase()) ? n(e, t, !E) : void 0; return void 0 !== r ? r : d.attributes || !E ? e.getAttribute(t) : (r = e.getAttributeNode(t)) && r.specified ? r.value : null }, se.escape = function (e) { return (e + "").replace(re, ie) }, se.error = function (e) { throw new Error("Syntax error, unrecognized expression: " + e) }, se.uniqueSort = function (e) { var t, n = [], r = 0, i = 0; if (l = !d.detectDuplicates, u = !d.sortStable && e.slice(0), e.sort(j), l) { while (t = e[i++]) t === e[i] && (r = n.push(i)); while (r--) e.splice(n[r], 1) } return u = null, e }, o = se.getText = function (e) { var t, n = "", r = 0, i = e.nodeType; if (i) { if (1 === i || 9 === i || 11 === i) { if ("string" == typeof e.textContent) return e.textContent; for (e = e.firstChild; e; e = e.nextSibling)n += o(e) } else if (3 === i || 4 === i) return e.nodeValue } else while (t = e[r++]) n += o(t); return n }, (b = se.selectors = { cacheLength: 50, createPseudo: le, match: G, attrHandle: {}, find: {}, relative: { ">": { dir: "parentNode", first: !0 }, " ": { dir: "parentNode" }, "+": { dir: "previousSibling", first: !0 }, "~": { dir: "previousSibling" } }, preFilter: { ATTR: function (e) { return e[1] = e[1].replace(te, ne), e[3] = (e[3] || e[4] || e[5] || "").replace(te, ne), "~=" === e[2] && (e[3] = " " + e[3] + " "), e.slice(0, 4) }, CHILD: function (e) { return e[1] = e[1].toLowerCase(), "nth" === e[1].slice(0, 3) ? (e[3] || se.error(e[0]), e[4] = +(e[4] ? e[5] + (e[6] || 1) : 2 * ("even" === e[3] || "odd" === e[3])), e[5] = +(e[7] + e[8] || "odd" === e[3])) : e[3] && se.error(e[0]), e }, PSEUDO: function (e) { var t, n = !e[6] && e[2]; return G.CHILD.test(e[0]) ? null : (e[3] ? e[2] = e[4] || e[5] || "" : n && X.test(n) && (t = h(n, !0)) && (t = n.indexOf(")", n.length - t) - n.length) && (e[0] = e[0].slice(0, t), e[2] = n.slice(0, t)), e.slice(0, 3)) } }, filter: { TAG: function (e) { var t = e.replace(te, ne).toLowerCase(); return "*" === e ? function () { return !0 } : function (e) { return e.nodeName && e.nodeName.toLowerCase() === t } }, CLASS: function (e) { var t = m[e + " "]; return t || (t = new RegExp("(^|" + M + ")" + e + "(" + M + "|$)")) && m(e, function (e) { return t.test("string" == typeof e.className && e.className || "undefined" != typeof e.getAttribute && e.getAttribute("class") || "") }) }, ATTR: function (n, r, i) { return function (e) { var t = se.attr(e, n); return null == t ? "!=" === r : !r || (t += "", "=" === r ? t === i : "!=" === r ? t !== i : "^=" === r ? i && 0 === t.indexOf(i) : "*=" === r ? i && -1 < t.indexOf(i) : "$=" === r ? i && t.slice(-i.length) === i : "~=" === r ? -1 < (" " + t.replace(B, " ") + " ").indexOf(i) : "|=" === r && (t === i || t.slice(0, i.length + 1) === i + "-")) } }, CHILD: function (h, e, t, g, v) { var y = "nth" !== h.slice(0, 3), m = "last" !== h.slice(-4), x = "of-type" === e; return 1 === g && 0 === v ? function (e) { return !!e.parentNode } : function (e, t, n) { var r, i, o, a, s, u, l = y !== m ? "nextSibling" : "previousSibling", c = e.parentNode, f = x && e.nodeName.toLowerCase(), p = !n && !x, d = !1; if (c) { if (y) { while (l) { a = e; while (a = a[l]) if (x ? a.nodeName.toLowerCase() === f : 1 === a.nodeType) return !1; u = l = "only" === h && !u && "nextSibling" } return !0 } if (u = [m ? c.firstChild : c.lastChild], m && p) { d = (s = (r = (i = (o = (a = c)[S] || (a[S] = {}))[a.uniqueID] || (o[a.uniqueID] = {}))[h] || [])[0] === k && r[1]) && r[2], a = s && c.childNodes[s]; while (a = ++s && a && a[l] || (d = s = 0) || u.pop()) if (1 === a.nodeType && ++d && a === e) { i[h] = [k, s, d]; break } } else if (p && (d = s = (r = (i = (o = (a = e)[S] || (a[S] = {}))[a.uniqueID] || (o[a.uniqueID] = {}))[h] || [])[0] === k && r[1]), !1 === d) while (a = ++s && a && a[l] || (d = s = 0) || u.pop()) if ((x ? a.nodeName.toLowerCase() === f : 1 === a.nodeType) && ++d && (p && ((i = (o = a[S] || (a[S] = {}))[a.uniqueID] || (o[a.uniqueID] = {}))[h] = [k, d]), a === e)) break; return (d -= v) === g || d % g == 0 && 0 <= d / g } } }, PSEUDO: function (e, o) { var t, a = b.pseudos[e] || b.setFilters[e.toLowerCase()] || se.error("unsupported pseudo: " + e); return a[S] ? a(o) : 1 < a.length ? (t = [e, e, "", o], b.setFilters.hasOwnProperty(e.toLowerCase()) ? le(function (e, t) { var n, r = a(e, o), i = r.length; while (i--) e[n = P(e, r[i])] = !(t[n] = r[i]) }) : function (e) { return a(e, 0, t) }) : a } }, pseudos: { not: le(function (e) { var r = [], i = [], s = f(e.replace($, "$1")); return s[S] ? le(function (e, t, n, r) { var i, o = s(e, null, r, []), a = e.length; while (a--) (i = o[a]) && (e[a] = !(t[a] = i)) }) : function (e, t, n) { return r[0] = e, s(r, null, n, i), r[0] = null, !i.pop() } }), has: le(function (t) { return function (e) { return 0 < se(t, e).length } }), contains: le(function (t) { return t = t.replace(te, ne), function (e) { return -1 < (e.textContent || o(e)).indexOf(t) } }), lang: le(function (n) { return V.test(n || "") || se.error("unsupported lang: " + n), n = n.replace(te, ne).toLowerCase(), function (e) { var t; do { if (t = E ? e.lang : e.getAttribute("xml:lang") || e.getAttribute("lang")) return (t = t.toLowerCase()) === n || 0 === t.indexOf(n + "-") } while ((e = e.parentNode) && 1 === e.nodeType); return !1 } }), target: function (e) { var t = n.location && n.location.hash; return t && t.slice(1) === e.id }, root: function (e) { return e === a }, focus: function (e) { return e === C.activeElement && (!C.hasFocus || C.hasFocus()) && !!(e.type || e.href || ~e.tabIndex) }, enabled: ge(!1), disabled: ge(!0), checked: function (e) { var t = e.nodeName.toLowerCase(); return "input" === t && !!e.checked || "option" === t && !!e.selected }, selected: function (e) { return e.parentNode && e.parentNode.selectedIndex, !0 === e.selected }, empty: function (e) { for (e = e.firstChild; e; e = e.nextSibling)if (e.nodeType < 6) return !1; return !0 }, parent: function (e) { return !b.pseudos.empty(e) }, header: function (e) { return J.test(e.nodeName) }, input: function (e) { return Q.test(e.nodeName) }, button: function (e) { var t = e.nodeName.toLowerCase(); return "input" === t && "button" === e.type || "button" === t }, text: function (e) { var t; return "input" === e.nodeName.toLowerCase() && "text" === e.type && (null == (t = e.getAttribute("type")) || "text" === t.toLowerCase()) }, first: ve(function () { return [0] }), last: ve(function (e, t) { return [t - 1] }), eq: ve(function (e, t, n) { return [n < 0 ? n + t : n] }), even: ve(function (e, t) { for (var n = 0; n < t; n += 2)e.push(n); return e }), odd: ve(function (e, t) { for (var n = 1; n < t; n += 2)e.push(n); return e }), lt: ve(function (e, t, n) { for (var r = n < 0 ? n + t : t < n ? t : n; 0 <= --r;)e.push(r); return e }), gt: ve(function (e, t, n) { for (var r = n < 0 ? n + t : n; ++r < t;)e.push(r); return e }) } }).pseudos.nth = b.pseudos.eq, { radio: !0, checkbox: !0, file: !0, password: !0, image: !0 }) b.pseudos[e] = de(e); for (e in { submit: !0, reset: !0 }) b.pseudos[e] = he(e); function me() { } function xe(e) { for (var t = 0, n = e.length, r = ""; t < n; t++)r += e[t].value; return r } function be(s, e, t) { var u = e.dir, l = e.next, c = l || u, f = t && "parentNode" === c, p = r++; return e.first ? function (e, t, n) { while (e = e[u]) if (1 === e.nodeType || f) return s(e, t, n); return !1 } : function (e, t, n) { var r, i, o, a = [k, p]; if (n) { while (e = e[u]) if ((1 === e.nodeType || f) && s(e, t, n)) return !0 } else while (e = e[u]) if (1 === e.nodeType || f) if (i = (o = e[S] || (e[S] = {}))[e.uniqueID] || (o[e.uniqueID] = {}), l && l === e.nodeName.toLowerCase()) e = e[u] || e; else { if ((r = i[c]) && r[0] === k && r[1] === p) return a[2] = r[2]; if ((i[c] = a)[2] = s(e, t, n)) return !0 } return !1 } } function we(i) { return 1 < i.length ? function (e, t, n) { var r = i.length; while (r--) if (!i[r](e, t, n)) return !1; return !0 } : i[0] } function Te(e, t, n, r, i) { for (var o, a = [], s = 0, u = e.length, l = null != t; s < u; s++)(o = e[s]) && (n && !n(o, r, i) || (a.push(o), l && t.push(s))); return a } function Ce(d, h, g, v, y, e) { return v && !v[S] && (v = Ce(v)), y && !y[S] && (y = Ce(y, e)), le(function (e, t, n, r) { var i, o, a, s = [], u = [], l = t.length, c = e || function (e, t, n) { for (var r = 0, i = t.length; r < i; r++)se(e, t[r], n); return n }(h || "*", n.nodeType ? [n] : n, []), f = !d || !e && h ? c : Te(c, s, d, n, r), p = g ? y || (e ? d : l || v) ? [] : t : f; if (g && g(f, p, n, r), v) { i = Te(p, u), v(i, [], n, r), o = i.length; while (o--) (a = i[o]) && (p[u[o]] = !(f[u[o]] = a)) } if (e) { if (y || d) { if (y) { i = [], o = p.length; while (o--) (a = p[o]) && i.push(f[o] = a); y(null, p = [], i, r) } o = p.length; while (o--) (a = p[o]) && -1 < (i = y ? P(e, a) : s[o]) && (e[i] = !(t[i] = a)) } } else p = Te(p === t ? p.splice(l, p.length) : p), y ? y(null, t, p, r) : H.apply(t, p) }) } function Ee(e) { for (var i, t, n, r = e.length, o = b.relative[e[0].type], a = o || b.relative[" "], s = o ? 1 : 0, u = be(function (e) { return e === i }, a, !0), l = be(function (e) { return -1 < P(i, e) }, a, !0), c = [function (e, t, n) { var r = !o && (n || t !== w) || ((i = t).nodeType ? u(e, t, n) : l(e, t, n)); return i = null, r }]; s < r; s++)if (t = b.relative[e[s].type]) c = [be(we(c), t)]; else { if ((t = b.filter[e[s].type].apply(null, e[s].matches))[S]) { for (n = ++s; n < r; n++)if (b.relative[e[n].type]) break; return Ce(1 < s && we(c), 1 < s && xe(e.slice(0, s - 1).concat({ value: " " === e[s - 2].type ? "*" : "" })).replace($, "$1"), t, s < n && Ee(e.slice(s, n)), n < r && Ee(e = e.slice(n)), n < r && xe(e)) } c.push(t) } return we(c) } return me.prototype = b.filters = b.pseudos, b.setFilters = new me, h = se.tokenize = function (e, t) { var n, r, i, o, a, s, u, l = x[e + " "]; if (l) return t ? 0 : l.slice(0); a = e, s = [], u = b.preFilter; while (a) { for (o in n && !(r = _.exec(a)) || (r && (a = a.slice(r[0].length) || a), s.push(i = [])), n = !1, (r = z.exec(a)) && (n = r.shift(), i.push({ value: n, type: r[0].replace($, " ") }), a = a.slice(n.length)), b.filter) !(r = G[o].exec(a)) || u[o] && !(r = u[o](r)) || (n = r.shift(), i.push({ value: n, type: o, matches: r }), a = a.slice(n.length)); if (!n) break } return t ? a.length : a ? se.error(e) : x(e, s).slice(0) }, f = se.compile = function (e, t) { var n, v, y, m, x, r, i = [], o = [], a = A[e + " "]; if (!a) { t || (t = h(e)), n = t.length; while (n--) (a = Ee(t[n]))[S] ? i.push(a) : o.push(a); (a = A(e, (v = o, m = 0 < (y = i).length, x = 0 < v.length, r = function (e, t, n, r, i) { var o, a, s, u = 0, l = "0", c = e && [], f = [], p = w, d = e || x && b.find.TAG("*", i), h = k += null == p ? 1 : Math.random() || .1, g = d.length; for (i && (w = t == C || t || i); l !== g && null != (o = d[l]); l++) { if (x && o) { a = 0, t || o.ownerDocument == C || (T(o), n = !E); while (s = v[a++]) if (s(o, t || C, n)) { r.push(o); break } i && (k = h) } m && ((o = !s && o) && u--, e && c.push(o)) } if (u += l, m && l !== u) { a = 0; while (s = y[a++]) s(c, f, t, n); if (e) { if (0 < u) while (l--) c[l] || f[l] || (f[l] = q.call(r)); f = Te(f) } H.apply(r, f), i && !e && 0 < f.length && 1 < u + y.length && se.uniqueSort(r) } return i && (k = h, w = p), c }, m ? le(r) : r))).selector = e } return a }, g = se.select = function (e, t, n, r) { var i, o, a, s, u, l = "function" == typeof e && e, c = !r && h(e = l.selector || e); if (n = n || [], 1 === c.length) { if (2 < (o = c[0] = c[0].slice(0)).length && "ID" === (a = o[0]).type && 9 === t.nodeType && E && b.relative[o[1].type]) { if (!(t = (b.find.ID(a.matches[0].replace(te, ne), t) || [])[0])) return n; l && (t = t.parentNode), e = e.slice(o.shift().value.length) } i = G.needsContext.test(e) ? 0 : o.length; while (i--) { if (a = o[i], b.relative[s = a.type]) break; if ((u = b.find[s]) && (r = u(a.matches[0].replace(te, ne), ee.test(o[0].type) && ye(t.parentNode) || t))) { if (o.splice(i, 1), !(e = r.length && xe(o))) return H.apply(n, r), n; break } } } return (l || f(e, c))(r, t, !E, n, !t || ee.test(e) && ye(t.parentNode) || t), n }, d.sortStable = S.split("").sort(j).join("") === S, d.detectDuplicates = !!l, T(), d.sortDetached = ce(function (e) { return 1 & e.compareDocumentPosition(C.createElement("fieldset")) }), ce(function (e) { return e.innerHTML = "", "#" === e.firstChild.getAttribute("href") }) || fe("type|href|height|width", function (e, t, n) { if (!n) return e.getAttribute(t, "type" === t.toLowerCase() ? 1 : 2) }), d.attributes && ce(function (e) { return e.innerHTML = "", e.firstChild.setAttribute("value", ""), "" === e.firstChild.getAttribute("value") }) || fe("value", function (e, t, n) { if (!n && "input" === e.nodeName.toLowerCase()) return e.defaultValue }), ce(function (e) { return null == e.getAttribute("disabled") }) || fe(R, function (e, t, n) { var r; if (!n) return !0 === e[t] ? t.toLowerCase() : (r = e.getAttributeNode(t)) && r.specified ? r.value : null }), se }(C); S.find = d, S.expr = d.selectors, S.expr[":"] = S.expr.pseudos, S.uniqueSort = S.unique = d.uniqueSort, S.text = d.getText, S.isXMLDoc = d.isXML, S.contains = d.contains, S.escapeSelector = d.escape; var h = function (e, t, n) { var r = [], i = void 0 !== n; while ((e = e[t]) && 9 !== e.nodeType) if (1 === e.nodeType) { if (i && S(e).is(n)) break; r.push(e) } return r }, T = function (e, t) { for (var n = []; e; e = e.nextSibling)1 === e.nodeType && e !== t && n.push(e); return n }, k = S.expr.match.needsContext; function A(e, t) { return e.nodeName && e.nodeName.toLowerCase() === t.toLowerCase() } var N = /^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i; function j(e, n, r) { return m(n) ? S.grep(e, function (e, t) { return !!n.call(e, t, e) !== r }) : n.nodeType ? S.grep(e, function (e) { return e === n !== r }) : "string" != typeof n ? S.grep(e, function (e) { return -1 < i.call(n, e) !== r }) : S.filter(n, e, r) } S.filter = function (e, t, n) { var r = t[0]; return n && (e = ":not(" + e + ")"), 1 === t.length && 1 === r.nodeType ? S.find.matchesSelector(r, e) ? [r] : [] : S.find.matches(e, S.grep(t, function (e) { return 1 === e.nodeType })) }, S.fn.extend({ find: function (e) { var t, n, r = this.length, i = this; if ("string" != typeof e) return this.pushStack(S(e).filter(function () { for (t = 0; t < r; t++)if (S.contains(i[t], this)) return !0 })); for (n = this.pushStack([]), t = 0; t < r; t++)S.find(e, i[t], n); return 1 < r ? S.uniqueSort(n) : n }, filter: function (e) { return this.pushStack(j(this, e || [], !1)) }, not: function (e) { return this.pushStack(j(this, e || [], !0)) }, is: function (e) { return !!j(this, "string" == typeof e && k.test(e) ? S(e) : e || [], !1).length } }); var D, q = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/; (S.fn.init = function (e, t, n) { var r, i; if (!e) return this; if (n = n || D, "string" == typeof e) { if (!(r = "<" === e[0] && ">" === e[e.length - 1] && 3 <= e.length ? [null, e, null] : q.exec(e)) || !r[1] && t) return !t || t.jquery ? (t || n).find(e) : this.constructor(t).find(e); if (r[1]) { if (t = t instanceof S ? t[0] : t, S.merge(this, S.parseHTML(r[1], t && t.nodeType ? t.ownerDocument || t : E, !0)), N.test(r[1]) && S.isPlainObject(t)) for (r in t) m(this[r]) ? this[r](t[r]) : this.attr(r, t[r]); return this } return (i = E.getElementById(r[2])) && (this[0] = i, this.length = 1), this } return e.nodeType ? (this[0] = e, this.length = 1, this) : m(e) ? void 0 !== n.ready ? n.ready(e) : e(S) : S.makeArray(e, this) }).prototype = S.fn, D = S(E); var L = /^(?:parents|prev(?:Until|All))/, H = { children: !0, contents: !0, next: !0, prev: !0 }; function O(e, t) { while ((e = e[t]) && 1 !== e.nodeType); return e } S.fn.extend({ has: function (e) { var t = S(e, this), n = t.length; return this.filter(function () { for (var e = 0; e < n; e++)if (S.contains(this, t[e])) return !0 }) }, closest: function (e, t) { var n, r = 0, i = this.length, o = [], a = "string" != typeof e && S(e); if (!k.test(e)) for (; r < i; r++)for (n = this[r]; n && n !== t; n = n.parentNode)if (n.nodeType < 11 && (a ? -1 < a.index(n) : 1 === n.nodeType && S.find.matchesSelector(n, e))) { o.push(n); break } return this.pushStack(1 < o.length ? S.uniqueSort(o) : o) }, index: function (e) { return e ? "string" == typeof e ? i.call(S(e), this[0]) : i.call(this, e.jquery ? e[0] : e) : this[0] && this[0].parentNode ? this.first().prevAll().length : -1 }, add: function (e, t) { return this.pushStack(S.uniqueSort(S.merge(this.get(), S(e, t)))) }, addBack: function (e) { return this.add(null == e ? this.prevObject : this.prevObject.filter(e)) } }), S.each({ parent: function (e) { var t = e.parentNode; return t && 11 !== t.nodeType ? t : null }, parents: function (e) { return h(e, "parentNode") }, parentsUntil: function (e, t, n) { return h(e, "parentNode", n) }, next: function (e) { return O(e, "nextSibling") }, prev: function (e) { return O(e, "previousSibling") }, nextAll: function (e) { return h(e, "nextSibling") }, prevAll: function (e) { return h(e, "previousSibling") }, nextUntil: function (e, t, n) { return h(e, "nextSibling", n) }, prevUntil: function (e, t, n) { return h(e, "previousSibling", n) }, siblings: function (e) { return T((e.parentNode || {}).firstChild, e) }, children: function (e) { return T(e.firstChild) }, contents: function (e) { return null != e.contentDocument && r(e.contentDocument) ? e.contentDocument : (A(e, "template") && (e = e.content || e), S.merge([], e.childNodes)) } }, function (r, i) { S.fn[r] = function (e, t) { var n = S.map(this, i, e); return "Until" !== r.slice(-5) && (t = e), t && "string" == typeof t && (n = S.filter(t, n)), 1 < this.length && (H[r] || S.uniqueSort(n), L.test(r) && n.reverse()), this.pushStack(n) } }); var P = /[^\x20\t\r\n\f]+/g; function R(e) { return e } function M(e) { throw e } function I(e, t, n, r) { var i; try { e && m(i = e.promise) ? i.call(e).done(t).fail(n) : e && m(i = e.then) ? i.call(e, t, n) : t.apply(void 0, [e].slice(r)) } catch (e) { n.apply(void 0, [e]) } } S.Callbacks = function (r) { var e, n; r = "string" == typeof r ? (e = r, n = {}, S.each(e.match(P) || [], function (e, t) { n[t] = !0 }), n) : S.extend({}, r); var i, t, o, a, s = [], u = [], l = -1, c = function () { for (a = a || r.once, o = i = !0; u.length; l = -1) { t = u.shift(); while (++l < s.length) !1 === s[l].apply(t[0], t[1]) && r.stopOnFalse && (l = s.length, t = !1) } r.memory || (t = !1), i = !1, a && (s = t ? [] : "") }, f = { add: function () { return s && (t && !i && (l = s.length - 1, u.push(t)), function n(e) { S.each(e, function (e, t) { m(t) ? r.unique && f.has(t) || s.push(t) : t && t.length && "string" !== w(t) && n(t) }) }(arguments), t && !i && c()), this }, remove: function () { return S.each(arguments, function (e, t) { var n; while (-1 < (n = S.inArray(t, s, n))) s.splice(n, 1), n <= l && l-- }), this }, has: function (e) { return e ? -1 < S.inArray(e, s) : 0 < s.length }, empty: function () { return s && (s = []), this }, disable: function () { return a = u = [], s = t = "", this }, disabled: function () { return !s }, lock: function () { return a = u = [], t || i || (s = t = ""), this }, locked: function () { return !!a }, fireWith: function (e, t) { return a || (t = [e, (t = t || []).slice ? t.slice() : t], u.push(t), i || c()), this }, fire: function () { return f.fireWith(this, arguments), this }, fired: function () { return !!o } }; return f }, S.extend({ Deferred: function (e) { var o = [["notify", "progress", S.Callbacks("memory"), S.Callbacks("memory"), 2], ["resolve", "done", S.Callbacks("once memory"), S.Callbacks("once memory"), 0, "resolved"], ["reject", "fail", S.Callbacks("once memory"), S.Callbacks("once memory"), 1, "rejected"]], i = "pending", a = { state: function () { return i }, always: function () { return s.done(arguments).fail(arguments), this }, "catch": function (e) { return a.then(null, e) }, pipe: function () { var i = arguments; return S.Deferred(function (r) { S.each(o, function (e, t) { var n = m(i[t[4]]) && i[t[4]]; s[t[1]](function () { var e = n && n.apply(this, arguments); e && m(e.promise) ? e.promise().progress(r.notify).done(r.resolve).fail(r.reject) : r[t[0] + "With"](this, n ? [e] : arguments) }) }), i = null }).promise() }, then: function (t, n, r) { var u = 0; function l(i, o, a, s) { return function () { var n = this, r = arguments, e = function () { var e, t; if (!(i < u)) { if ((e = a.apply(n, r)) === o.promise()) throw new TypeError("Thenable self-resolution"); t = e && ("object" == typeof e || "function" == typeof e) && e.then, m(t) ? s ? t.call(e, l(u, o, R, s), l(u, o, M, s)) : (u++, t.call(e, l(u, o, R, s), l(u, o, M, s), l(u, o, R, o.notifyWith))) : (a !== R && (n = void 0, r = [e]), (s || o.resolveWith)(n, r)) } }, t = s ? e : function () { try { e() } catch (e) { S.Deferred.exceptionHook && S.Deferred.exceptionHook(e, t.stackTrace), u <= i + 1 && (a !== M && (n = void 0, r = [e]), o.rejectWith(n, r)) } }; i ? t() : (S.Deferred.getStackHook && (t.stackTrace = S.Deferred.getStackHook()), C.setTimeout(t)) } } return S.Deferred(function (e) { o[0][3].add(l(0, e, m(r) ? r : R, e.notifyWith)), o[1][3].add(l(0, e, m(t) ? t : R)), o[2][3].add(l(0, e, m(n) ? n : M)) }).promise() }, promise: function (e) { return null != e ? S.extend(e, a) : a } }, s = {}; return S.each(o, function (e, t) { var n = t[2], r = t[5]; a[t[1]] = n.add, r && n.add(function () { i = r }, o[3 - e][2].disable, o[3 - e][3].disable, o[0][2].lock, o[0][3].lock), n.add(t[3].fire), s[t[0]] = function () { return s[t[0] + "With"](this === s ? void 0 : this, arguments), this }, s[t[0] + "With"] = n.fireWith }), a.promise(s), e && e.call(s, s), s }, when: function (e) { var n = arguments.length, t = n, r = Array(t), i = s.call(arguments), o = S.Deferred(), a = function (t) { return function (e) { r[t] = this, i[t] = 1 < arguments.length ? s.call(arguments) : e, --n || o.resolveWith(r, i) } }; if (n <= 1 && (I(e, o.done(a(t)).resolve, o.reject, !n), "pending" === o.state() || m(i[t] && i[t].then))) return o.then(); while (t--) I(i[t], a(t), o.reject); return o.promise() } }); var W = /^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/; S.Deferred.exceptionHook = function (e, t) { C.console && C.console.warn && e && W.test(e.name) && C.console.warn("jQuery.Deferred exception: " + e.message, e.stack, t) }, S.readyException = function (e) { C.setTimeout(function () { throw e }) }; var F = S.Deferred(); function B() { E.removeEventListener("DOMContentLoaded", B), C.removeEventListener("load", B), S.ready() } S.fn.ready = function (e) { return F.then(e)["catch"](function (e) { S.readyException(e) }), this }, S.extend({ isReady: !1, readyWait: 1, ready: function (e) { (!0 === e ? --S.readyWait : S.isReady) || (S.isReady = !0) !== e && 0 < --S.readyWait || F.resolveWith(E, [S]) } }), S.ready.then = F.then, "complete" === E.readyState || "loading" !== E.readyState && !E.documentElement.doScroll ? C.setTimeout(S.ready) : (E.addEventListener("DOMContentLoaded", B), C.addEventListener("load", B)); var $ = function (e, t, n, r, i, o, a) { var s = 0, u = e.length, l = null == n; if ("object" === w(n)) for (s in i = !0, n) $(e, t, s, n[s], !0, o, a); else if (void 0 !== r && (i = !0, m(r) || (a = !0), l && (a ? (t.call(e, r), t = null) : (l = t, t = function (e, t, n) { return l.call(S(e), n) })), t)) for (; s < u; s++)t(e[s], n, a ? r : r.call(e[s], s, t(e[s], n))); return i ? e : l ? t.call(e) : u ? t(e[0], n) : o }, _ = /^-ms-/, z = /-([a-z])/g; function U(e, t) { return t.toUpperCase() } function X(e) { return e.replace(_, "ms-").replace(z, U) } var V = function (e) { return 1 === e.nodeType || 9 === e.nodeType || !+e.nodeType }; function G() { this.expando = S.expando + G.uid++ } G.uid = 1, G.prototype = { cache: function (e) { var t = e[this.expando]; return t || (t = {}, V(e) && (e.nodeType ? e[this.expando] = t : Object.defineProperty(e, this.expando, { value: t, configurable: !0 }))), t }, set: function (e, t, n) { var r, i = this.cache(e); if ("string" == typeof t) i[X(t)] = n; else for (r in t) i[X(r)] = t[r]; return i }, get: function (e, t) { return void 0 === t ? this.cache(e) : e[this.expando] && e[this.expando][X(t)] }, access: function (e, t, n) { return void 0 === t || t && "string" == typeof t && void 0 === n ? this.get(e, t) : (this.set(e, t, n), void 0 !== n ? n : t) }, remove: function (e, t) { var n, r = e[this.expando]; if (void 0 !== r) { if (void 0 !== t) { n = (t = Array.isArray(t) ? t.map(X) : (t = X(t)) in r ? [t] : t.match(P) || []).length; while (n--) delete r[t[n]] } (void 0 === t || S.isEmptyObject(r)) && (e.nodeType ? e[this.expando] = void 0 : delete e[this.expando]) } }, hasData: function (e) { var t = e[this.expando]; return void 0 !== t && !S.isEmptyObject(t) } }; var Y = new G, Q = new G, J = /^(?:\{[\w\W]*\}|\[[\w\W]*\])$/, K = /[A-Z]/g; function Z(e, t, n) { var r, i; if (void 0 === n && 1 === e.nodeType) if (r = "data-" + t.replace(K, "-$&").toLowerCase(), "string" == typeof (n = e.getAttribute(r))) { try { n = "true" === (i = n) || "false" !== i && ("null" === i ? null : i === +i + "" ? +i : J.test(i) ? JSON.parse(i) : i) } catch (e) { } Q.set(e, t, n) } else n = void 0; return n } S.extend({ hasData: function (e) { return Q.hasData(e) || Y.hasData(e) }, data: function (e, t, n) { return Q.access(e, t, n) }, removeData: function (e, t) { Q.remove(e, t) }, _data: function (e, t, n) { return Y.access(e, t, n) }, _removeData: function (e, t) { Y.remove(e, t) } }), S.fn.extend({ data: function (n, e) { var t, r, i, o = this[0], a = o && o.attributes; if (void 0 === n) { if (this.length && (i = Q.get(o), 1 === o.nodeType && !Y.get(o, "hasDataAttrs"))) { t = a.length; while (t--) a[t] && 0 === (r = a[t].name).indexOf("data-") && (r = X(r.slice(5)), Z(o, r, i[r])); Y.set(o, "hasDataAttrs", !0) } return i } return "object" == typeof n ? this.each(function () { Q.set(this, n) }) : $(this, function (e) { var t; if (o && void 0 === e) return void 0 !== (t = Q.get(o, n)) ? t : void 0 !== (t = Z(o, n)) ? t : void 0; this.each(function () { Q.set(this, n, e) }) }, null, e, 1 < arguments.length, null, !0) }, removeData: function (e) { return this.each(function () { Q.remove(this, e) }) } }), S.extend({ queue: function (e, t, n) { var r; if (e) return t = (t || "fx") + "queue", r = Y.get(e, t), n && (!r || Array.isArray(n) ? r = Y.access(e, t, S.makeArray(n)) : r.push(n)), r || [] }, dequeue: function (e, t) { t = t || "fx"; var n = S.queue(e, t), r = n.length, i = n.shift(), o = S._queueHooks(e, t); "inprogress" === i && (i = n.shift(), r--), i && ("fx" === t && n.unshift("inprogress"), delete o.stop, i.call(e, function () { S.dequeue(e, t) }, o)), !r && o && o.empty.fire() }, _queueHooks: function (e, t) { var n = t + "queueHooks"; return Y.get(e, n) || Y.access(e, n, { empty: S.Callbacks("once memory").add(function () { Y.remove(e, [t + "queue", n]) }) }) } }), S.fn.extend({ queue: function (t, n) { var e = 2; return "string" != typeof t && (n = t, t = "fx", e--), arguments.length < e ? S.queue(this[0], t) : void 0 === n ? this : this.each(function () { var e = S.queue(this, t, n); S._queueHooks(this, t), "fx" === t && "inprogress" !== e[0] && S.dequeue(this, t) }) }, dequeue: function (e) { return this.each(function () { S.dequeue(this, e) }) }, clearQueue: function (e) { return this.queue(e || "fx", []) }, promise: function (e, t) { var n, r = 1, i = S.Deferred(), o = this, a = this.length, s = function () { --r || i.resolveWith(o, [o]) }; "string" != typeof e && (t = e, e = void 0), e = e || "fx"; while (a--) (n = Y.get(o[a], e + "queueHooks")) && n.empty && (r++, n.empty.add(s)); return s(), i.promise(t) } }); var ee = /[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source, te = new RegExp("^(?:([+-])=|)(" + ee + ")([a-z%]*)$", "i"), ne = ["Top", "Right", "Bottom", "Left"], re = E.documentElement, ie = function (e) { return S.contains(e.ownerDocument, e) }, oe = { composed: !0 }; re.getRootNode && (ie = function (e) { return S.contains(e.ownerDocument, e) || e.getRootNode(oe) === e.ownerDocument }); var ae = function (e, t) { return "none" === (e = t || e).style.display || "" === e.style.display && ie(e) && "none" === S.css(e, "display") }; function se(e, t, n, r) { var i, o, a = 20, s = r ? function () { return r.cur() } : function () { return S.css(e, t, "") }, u = s(), l = n && n[3] || (S.cssNumber[t] ? "" : "px"), c = e.nodeType && (S.cssNumber[t] || "px" !== l && +u) && te.exec(S.css(e, t)); if (c && c[3] !== l) { u /= 2, l = l || c[3], c = +u || 1; while (a--) S.style(e, t, c + l), (1 - o) * (1 - (o = s() / u || .5)) <= 0 && (a = 0), c /= o; c *= 2, S.style(e, t, c + l), n = n || [] } return n && (c = +c || +u || 0, i = n[1] ? c + (n[1] + 1) * n[2] : +n[2], r && (r.unit = l, r.start = c, r.end = i)), i } var ue = {}; function le(e, t) { for (var n, r, i, o, a, s, u, l = [], c = 0, f = e.length; c < f; c++)(r = e[c]).style && (n = r.style.display, t ? ("none" === n && (l[c] = Y.get(r, "display") || null, l[c] || (r.style.display = "")), "" === r.style.display && ae(r) && (l[c] = (u = a = o = void 0, a = (i = r).ownerDocument, s = i.nodeName, (u = ue[s]) || (o = a.body.appendChild(a.createElement(s)), u = S.css(o, "display"), o.parentNode.removeChild(o), "none" === u && (u = "block"), ue[s] = u)))) : "none" !== n && (l[c] = "none", Y.set(r, "display", n))); for (c = 0; c < f; c++)null != l[c] && (e[c].style.display = l[c]); return e } S.fn.extend({ show: function () { return le(this, !0) }, hide: function () { return le(this) }, toggle: function (e) { return "boolean" == typeof e ? e ? this.show() : this.hide() : this.each(function () { ae(this) ? S(this).show() : S(this).hide() }) } }); var ce, fe, pe = /^(?:checkbox|radio)$/i, de = /<([a-z][^\/\0>\x20\t\r\n\f]*)/i, he = /^$|^module$|\/(?:java|ecma)script/i; ce = E.createDocumentFragment().appendChild(E.createElement("div")), (fe = E.createElement("input")).setAttribute("type", "radio"), fe.setAttribute("checked", "checked"), fe.setAttribute("name", "t"), ce.appendChild(fe), y.checkClone = ce.cloneNode(!0).cloneNode(!0).lastChild.checked, ce.innerHTML = "", y.noCloneChecked = !!ce.cloneNode(!0).lastChild.defaultValue, ce.innerHTML = "", y.option = !!ce.lastChild; var ge = { thead: [1, "