diff --git a/bookmarklets/blur-page.js b/bookmarklets/blur-page.js index 53c80b8..6693e47 100644 --- a/bookmarklets/blur-page.js +++ b/bookmarklets/blur-page.js @@ -4,7 +4,7 @@ * @author Thomas Park * @authorUrl https://thomaspark.co/2013/11/3-simple-design-bookmarklets-to-improve-your-aesthetics/ * @tags diagnostic - * @pageTest false + * @pageTest self */ (function () { document.body.setAttribute( diff --git a/bookmarklets/design-mode-toggle.js b/bookmarklets/design-mode-toggle.js index c3f8c80..4fc8366 100644 --- a/bookmarklets/design-mode-toggle.js +++ b/bookmarklets/design-mode-toggle.js @@ -4,7 +4,7 @@ * @author Christoph Wagner * @authorUrl https://developer.mozilla.org/en-US/docs/Web/API/SecurityPolicyViolationEvent#examples * @tags diagnostic - * @pageTest false + * @pageTest self */ document.designMode = document.designMode == "on" ? "off" : "on"; void 0; diff --git a/bookmarklets/disable-css.js b/bookmarklets/disable-css.js index 94ab79d..4666eaf 100644 --- a/bookmarklets/disable-css.js +++ b/bookmarklets/disable-css.js @@ -4,7 +4,7 @@ * @author Sarah Higley * @authorUrl https://dorward.uk/software/disablecss/ * @tags diagnostic - * @pageTest false + * @pageTest self */ for (var i = 0; i < document.styleSheets.length; i++) { void (document.styleSheets.item(i).disabled = true); diff --git a/bookmarklets/force-focus.js b/bookmarklets/force-focus.js index c63a27e..eb236b5 100644 --- a/bookmarklets/force-focus.js +++ b/bookmarklets/force-focus.js @@ -5,7 +5,7 @@ * @authorUrl https://pauljadam.com/bookmarklets/focus.html * @tags accessibility, wcag:2.4.7 * @auditing true - * @pageTest false + * @pageTest self */ var style = document.createElement("style"), styleContent = document.createTextNode( diff --git a/bookmarklets/grayscale.js b/bookmarklets/grayscale.js index 313d9ce..640528e 100644 --- a/bookmarklets/grayscale.js +++ b/bookmarklets/grayscale.js @@ -4,7 +4,7 @@ * @author Level Access * @authorUrl https://labs.levelaccess.com/index.php/Grayscale_Favlet * @tags accessibility, wcag:1.4.1 - * @pageTest false + * @pageTest self */ (function () { let style = document.createElement("style"); diff --git a/bookmarklets/hide-cursor.js b/bookmarklets/hide-cursor.js index 2961dce..699b1c9 100644 --- a/bookmarklets/hide-cursor.js +++ b/bookmarklets/hide-cursor.js @@ -1,10 +1,10 @@ /** * @bookmarklet Hide cursor - * @description Hides cursor from window to encourage keyboard use + * @description Hides cursor from window to encourage keyboard use (refresh page to reset) * @author Iain Bean * @authorUrl https://iainbean.com/posts/2020/an-opinionated-guide-to-accessibility-testing/ * @tags accessibility, wcag:2.1.1, wcag:2.1.2, wcag:2.1.4 - * @pageTest false + * @pageTest self */ var style = document.createElement("style"), styleContent = document.createTextNode( diff --git a/bookmarklets/isolator.js b/bookmarklets/isolator.js index afa7eab..81d6f5c 100644 --- a/bookmarklets/isolator.js +++ b/bookmarklets/isolator.js @@ -4,7 +4,7 @@ * @author Ian Lloyd * @authorUrl https://a11y-tools.com/bookmarklets/ * @tags accessibility - * @pageTest false + * @pageTest self */ (function () { "use strict"; diff --git a/bookmarklets/links.js b/bookmarklets/links.js index cb9d32c..a7bd093 100644 --- a/bookmarklets/links.js +++ b/bookmarklets/links.js @@ -5,7 +5,7 @@ * @authorUrl https://a11y-tools.com/bookmarklets/ * @tags accessibility, wcag:2.4.4 * @auditing true - * @pageTest false + * @pageTest self */ (function () { "use strict"; diff --git a/bookmarklets/service-wave.js b/bookmarklets/service-wave.js index 1497950..ab12fd7 100644 --- a/bookmarklets/service-wave.js +++ b/bookmarklets/service-wave.js @@ -4,7 +4,7 @@ * @author WebAIM * @authorUrl https://wave.webaim.org/help * @tags accessibility, external - * @pageTest false + * @pageTest self */ void window.open( "https://wave.webaim.org/report?url=" + escape(window.location) diff --git a/bookmarklets/text-zoom.js b/bookmarklets/text-zoom.js index e287b5d..53b9e70 100644 --- a/bookmarklets/text-zoom.js +++ b/bookmarklets/text-zoom.js @@ -4,7 +4,7 @@ * @author Ashlee M. Boyer * @authorUrl https://ashleemboyer.com/blog/an-accessibility-bookmarklet-for-testing-200-percent-text-size * @tags accessibility, wcag:1.4.4 - * @pageTest false + * @pageTest self */ (function () { const htmlElement = document.querySelector("html"); diff --git a/bookmarklets/tool-andi.js b/bookmarklets/tool-andi.js index 6f58cd4..ecf88ee 100644 --- a/bookmarklets/tool-andi.js +++ b/bookmarklets/tool-andi.js @@ -5,7 +5,7 @@ * @authorUrl https://www.ssa.gov/accessibility/andi/help/install.html * @tags accessibility, external * @auditing true - * @pageTest false + * @pageTest self */ void (function () { var andiScript = document.createElement("script"); diff --git a/bookmarklets/tool-contrast-checker.js b/bookmarklets/tool-contrast-checker.js index f9145f3..9b480b8 100644 --- a/bookmarklets/tool-contrast-checker.js +++ b/bookmarklets/tool-contrast-checker.js @@ -4,14 +4,14 @@ * @author WebAIM * @authorUrl https://webaim.org/resources/contrastchecker/bookmarklet * @tags accessibility, external, wcag:1.4.3, wcag:1.4.11 - * @pageTest false + * @pageTest self */ (function () { var constrastletelem = document.getElementById("contrastletdragable"); if (constrastletelem == null) { var contrastletdragable = document.createElement("div"); contrastletdragable.id = "contrastletdragable"; - contrastletdragable.style.width = "384px"; + contrastletdragable.style.width = "425px"; contrastletdragable.style.position = "absolute"; contrastletdragable.style.right = "20px"; contrastletdragable.style.top = window.pageYOffset + 20 + "px"; @@ -48,9 +48,9 @@ contrastletdragzone.appendChild(contrastletclose); var contrastlet = document.createElement("iframe"); contrastlet.src = - "https://webaim.org/resources/contrastchecker/mini?ver=1&a=" + + "https://webaim.org/resources/contrastchecker/mini?ver=2&a=" + Math.random(); - contrastlet.style.width = "380px"; + contrastlet.style.width = "421px"; contrastlet.style.height = "368px"; contrastlet.style.margin = "0px"; contrastlet.style.borderStyle = "solid"; @@ -69,9 +69,7 @@ const dx = e.clientX - x; const dy = e.clientY - y; contrastletdragable.style.top = `${contrastletdragable.offsetTop + dy}px`; - contrastletdragable.style.left = `${ - contrastletdragable.offsetLeft + dx - }px`; + contrastletdragable.style.left = `${contrastletdragable.offsetLeft + dx}px`; x = e.clientX; y = e.clientY; }; @@ -90,10 +88,10 @@ contrastletdragable.remove(); } }); - document.addEventListener("securitypolicyviolation", () => { + document.addEventListener("securitypolicyviolation", (e) => { contrastlet.remove(); var contrastleterrortext = document.createTextNode( - "The Content Security Policy on this page does not allow embedded iframes. The Contrast Checker Bookmarklet cannot run on this page. Press Esc to dismiss this message." + "The Content Security Policy on this page does not allow embedded iframes.The Contrast Checker Bookmarklet cannot run on this page. Press Esc to dismiss this message." ); contrastletdragable.style.backgroundColor = "#fff"; contrastletdragable.appendChild(contrastleterrortext); diff --git a/bookmarklets/tool-html-codesniffer.js b/bookmarklets/tool-html-codesniffer.js index 9839c57..7c71a03 100644 --- a/bookmarklets/tool-html-codesniffer.js +++ b/bookmarklets/tool-html-codesniffer.js @@ -4,7 +4,7 @@ * @author Squiz Labs * @authorUrl https://squizlabs.github.io/HTML_CodeSniffer/ * @tags accessibility, external - * @pageTest false + * @pageTest self */ (function () { var _p = "//squizlabs.github.io/HTML_CodeSniffer/build/"; diff --git a/data/bookmarks.html b/data/bookmarks.html index e988f1e..38888a6 100644 --- a/data/bookmarks.html +++ b/data/bookmarks.html @@ -58,7 +58,7 @@

Bookmarks Menu

ANDI
ARIA usage
ARIA -
Contrast checker +
Contrast checker
HTML CodeSniffer
Label in name
Sa11y