diff --git a/.gitignore b/.gitignore
index a2e1c5d..5cb947c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -11,3 +11,4 @@ dist
 cypress/videos
 cypress/fixtures
 cypress/screenshots
+*.tgz
diff --git a/README.md b/README.md
index 736802b..e10ccc1 100644
--- a/README.md
+++ b/README.md
@@ -84,8 +84,11 @@ In the below CDN links:
 - Replace `:version` with a version [listed here](https://www.npmjs.com/package/checka11y-css?activeTab=versions) (latest version is always recommended). If you always want to get the latest stylesheet, remove `@:version` completely (Not recommended).
 - Replace `:stylesheet` with one of the listed stylesheets below:
   - `checka11y.css` <small>(errors & warnings, recommended)</small>
+  - `checka11y.min.css` <small>(minified errors & warnings, recommended)</small>
   - `checka11y-errors.css` <small>(errors **only**)</small>
+  - `checka11y-errors.min.css` <small>(minified errors **only**)</small>
   - `checka11y-warnings.css` <small>(errors **only**)</small>
+  - `checka11y-warnings.min.css` <small>(minified errors **only**)</small>
 
 ```html
 <!-- HTML -->
@@ -123,6 +126,8 @@ In the below imports, replace `:file` with one of the options below:
   - `checka11y.css` <small>(.css file)</small>
 - `src/errors/checka11y-errors` <small>(errors **only**)</small>
 - `src/warnings/checka11y-warnings` <small>(warnings **only**)</small>
+
+Use as a Sass module <small>(recommended)</small>:
 ```scss
 /* Webpack */
 @use '~checka11y-css/:file' as *;
@@ -131,6 +136,15 @@ In the below imports, replace `:file` with one of the options below:
 @use 'path/to/node_modules/checka11y-css/:file' as *;
 ```
 
+Import generally <small>(not recommended, <a href="https://sass-lang.com/documentation/at-rules/import">read why</a>)</small>:
+```scss
+/* Webpack */
+@import '~checka11y-css/:file';
+
+/* Non-webpack */
+@import 'path/to/node_modules/checka11y-css/:file';
+```
+
 ### Using Angular?
 
 👉 [Go to ngx-checka11y](https://github.com/AlaaEl-DinAhmed/ngx-checka11y)
diff --git a/checka11y-errors.min.css b/checka11y-errors.min.css
new file mode 100644
index 0000000..cd3e809
--- /dev/null
+++ b/checka11y-errors.min.css
@@ -0,0 +1 @@
+:root{--checka11y-text-error:#721c24;--checka11y-bg-error:#ffc6c6;--checka11y-border-error:#f00}:root{--checka11y-space:0.25rem;--checka11y-space-0:calc(var(--checka11y-space) * 0);--checka11y-space-2:calc(var(--checka11y-space) * 2);--checka11y-space-4:calc(var(--checka11y-space) * 4);--checka11y-space-6:calc(var(--checka11y-space) * 6)}button audio[controls]{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0000): Ensure that &lt;audio controls&gt; is</text> <text x="15" y="60">not a child of &lt;button&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}button button::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0000): Ensure that <button> is not a child of <button>."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}button details::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0000): Ensure that <details> is not a child of <button>."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}button embed{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="350px" height="80px" viewBox="0 0 350 80"><rect class="box" x="4" y="4" width="342" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0000): &lt;embed&gt; cannot</text> <text x="15" y="60">be a child of &lt;button&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:350px;padding-bottom:80px}button iframe{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0000): Ensure that &lt;iframe&gt; is</text> <text x="15" y="60">not a child of &lt;button&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}button img[usemap]{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0000): Ensure that &lt;img usemap&gt; is</text> <text x="15" y="60">not a child of &lt;button&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}button input:not([type=hidden]){border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0000): Ensure that &lt;input type="hidden"&gt;</text> <text x="15" y="60">is not a child of &lt;button&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}button label::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0000): Ensure that <label> is not a child of <button>."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}button object[usemap]{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0000): Ensure that &lt;object usemap&gt; is</text> <text x="15" y="60">not a child of &lt;button&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}button select{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0000): Ensure that &lt;select&gt; is</text> <text x="15" y="60">not a child of &lt;button&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}button textarea{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0000): Ensure that &lt;textarea&gt; is</text> <text x="15" y="60">not a child of &lt;button&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}button video[controls]{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0000): Ensure that &lt;video controls&gt; is</text> <text x="15" y="60">not a child of &lt;button&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}button:not([aria-label]):not([aria-labelledby]):empty::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0001): Ensure that <button> has meaningful content or is labelled appropriately."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}[dir]:not([dir=rtl]):not([dir=ltr]):not([dir=auto])::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0002): The dir attribute can only have the values, 'ltr', 'rtl' and 'auto'."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}h1:empty::after,h2:empty::after,h3:empty::after,h4:empty::after,h5:empty::after,h6:empty::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0003): Headings must not be empty."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}h1[aria-hidden]::after,h2[aria-hidden]::after,h3[aria-hidden]::after,h4[aria-hidden]::after,h5[aria-hidden]::after,h6[aria-hidden]::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0004): Headings should be reachable by assistive technologies (no aria-hidden)."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}h2~* h1:first-of-type::after,h2~h1:first-of-type::after,h3~* h2:first-of-type::after,h3~h2:first-of-type::after,h4~* h2:first-of-type::after,h4~* h3:first-of-type::after,h4~h2:first-of-type::after,h4~h3:first-of-type::after,h5~* h2:first-of-type::after,h5~* h3:first-of-type::after,h5~* h4:first-of-type::after,h5~h2:first-of-type::after,h5~h3:first-of-type::after,h5~h4:first-of-type::after,h6~* h2:first-of-type::after,h6~* h3:first-of-type::after,h6~* h4:first-of-type::after,h6~* h5:first-of-type::after,h6~h2:first-of-type::after,h6~h3:first-of-type::after,h6~h4:first-of-type::after,h6~h5:first-of-type::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0005): Headings should not skip levels."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}html:not([lang]) body::before{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0006): html has no lang attribute."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}html[lang=""] body::before{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0006): html lang attribute should not be empty."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}iframe:not([title]){border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="350px" height="80px" viewBox="0 0 350 80"><rect class="box" x="4" y="4" width="342" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0007): All &lt;iframe&gt; must</text> <text x="15" y="60">have a title.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:350px;padding-bottom:80px}img:not([alt]){border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="350px" height="80px" viewBox="0 0 350 80"><rect class="box" x="4" y="4" width="342" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0008): All &lt;img&gt; must</text> <text x="15" y="60">have alternative text.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:350px;padding-bottom:80px}a audio[controls]{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0009): Ensure that &lt;audio controls&gt; is</text> <text x="15" y="60">not a child of &lt;a&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}a button::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0009): Ensure that <button> is not a child of <a>."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}a details::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0009): Ensure that <details> is not a child of <a>."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}a embed{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0009): Ensure that &lt;embed&gt; is</text> <text x="15" y="60">not a child of &lt;a&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}a iframe{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0009): Ensure that &lt;iframe&gt; is</text> <text x="15" y="60">not a child of &lt;a&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}a img[usemap]{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0009): Ensure that &lt;img usemap&gt; is</text> <text x="15" y="60">not a child of &lt;a&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}a input:not([type=hidden]){border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0009): Ensure that &lt;input type="hidden"&gt; is</text> <text x="15" y="60">not a child of &lt;a&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}a label::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0009): Ensure that <label> is not a child of <a>."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}a object[usemap]{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0009): Ensure that &lt;object usemap&gt; is</text> <text x="15" y="60">not a child of &lt;a&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}a select{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0009): Ensure that &lt;select&gt; is</text> <text x="15" y="60">not a child of &lt;a&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}a textarea{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0009): Ensure that &lt;textarea&gt; is</text> <text x="15" y="60">not a child of &lt;a&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}a video[controls]{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0009): Ensure that &lt;video controls&gt; is</text> <text x="15" y="60">not a child of &lt;a&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}a[href]:not([aria-label]):not([aria-labelledby]):empty::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0010): Ensure that <a> has meaningful content or is labelled appropriately."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}ol>:not(li):not(script):not(template)::after,ul>:not(li):not(script):not(template)::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0011): List markup invalid. Ensure <li>, <script> or <template> are the only direct children of <ul> or <ol>."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}dl>:not(dt):not(dd)::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0012): List markup invalid. Ensure that the only direct children of <dl> are <dt> and <dd>."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}nav:not([aria-label]):not([aria-labelledby])~nav::after,nav~nav:not([aria-label]):not([aria-labelledby])::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0013): <nav> indicates the primary navigation for the page. In cases where multiple primary navigations exist, an aria-label or aria-labelledby attribute must be present on both <nav> elements."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}a[href][tabindex="-1"]::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0014): Ensure that &lt;a&gt; with an href attribute does not have a tab index of -1."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}area[href][tabindex="-1"]{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="80px" viewBox="0 0 400 80"><rect class="box" x="4" y="4" width="392" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0014): Ensure that &lt;area&gt; with an</text> <text x="15" y="60">href attribute does not have a tab index of -1.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:400px;padding-bottom:80px}input:not([disabled])[tabindex="-1"]{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="80px" viewBox="0 0 400 80"><rect class="box" x="4" y="4" width="392" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0014): Ensure that &lt;input&gt; that</text> <text x="15" y="60">is not disabled does not have a tab index of -1.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:400px;padding-bottom:80px}select:not([disabled])[tabindex="-1"]{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="80px" viewBox="0 0 400 80"><rect class="box" x="4" y="4" width="392" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0014): Ensure that &lt;select&gt; that</text> <text x="15" y="60">is not disabled does not have a tab index of -1.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:400px;padding-bottom:80px}textarea:not([disabled])[tabindex="-1"]{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="80px" viewBox="0 0 400 80"><rect class="box" x="4" y="4" width="392" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0014): Ensure that &lt;textarea&gt; that</text> <text x="15" y="60">is not disabled does not have a tab index of -1.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:400px;padding-bottom:80px}button:not([disabled])[tabindex="-1"]::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0014): Ensure that &lt;button&gt; that is not disabled does not have a tab index of -1."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}iframe[tabindex="-1"]{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="80px" viewBox="0 0 400 80"><rect class="box" x="4" y="4" width="392" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0014): Ensure that &lt;iframe&gt;</text> <text x="15" y="60">does not have a tab index of -1.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:400px;padding-bottom:80px}[contentEditable=true][tabindex="-1"]::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0014): Ensure that HTML elements with editable content don't have a tab index of -1."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}/*! Checka11y.css v2.0.0 | MIT License | github.com/jackdomleo7/Checka11y.css */
\ No newline at end of file
diff --git a/checka11y-warnings.min.css b/checka11y-warnings.min.css
new file mode 100644
index 0000000..1aa5f48
--- /dev/null
+++ b/checka11y-warnings.min.css
@@ -0,0 +1 @@
+:root{--checka11y-text-warning:#856404;--checka11y-bg-warning:#ffffd8;--checka11y-border-warning:#ff6}:root{--checka11y-space:0.25rem;--checka11y-space-0:calc(var(--checka11y-space) * 0);--checka11y-space-2:calc(var(--checka11y-space) * 2);--checka11y-space-4:calc(var(--checka11y-space) * 4);--checka11y-space-6:calc(var(--checka11y-space) * 6)}[accesskey]::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"WARNING (W0000): accesskey attribute could interfere and conflict with screen readers and assistive technologies."!important;color:var(--checka11y-text-warning);border:.4rem solid var(--checka11y-border-warning);background-color:var(--checka11y-bg-warning)}[aria-hidden=true] a::after,[aria-hidden=true] button::after,[aria-hidden=true] summary::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"WARNING (W0009): Focusable element in a aria-hidden element."!important;color:var(--checka11y-text-warning);border:.4rem solid var(--checka11y-border-warning);background-color:var(--checka11y-bg-warning)}[aria-hidden=true] area,[aria-hidden=true] audio[controls],[aria-hidden=true] iframe,[aria-hidden=true] input,[aria-hidden=true] select,[aria-hidden=true] textarea,[aria-hidden=true] video[controls]{border:.4rem solid;border-color:var(--checka11y-border-warning);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="350px" height="80px" viewBox="0 0 350 80"><rect class="box" x="4" y="4" width="342" height="72" rx="12" ry="12" fill="rgba(255, 255, 216, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 255, 102, 0.999999)" /><g fill="rgba(133, 100, 4, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">WARNING (W0009): Focusable</text> <text x="15" y="60">element in a aria-hidden element.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:350px;padding-bottom:80px}[autoplay]{border:.4rem solid;border-color:var(--checka11y-border-warning);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="350px" height="80px" viewBox="0 0 350 80"><rect class="box" x="4" y="4" width="342" height="72" rx="12" ry="12" fill="rgba(255, 255, 216, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 255, 102, 0.999999)" /><g fill="rgba(133, 100, 4, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">WARNING (W0001): Media should</text> <text x="15" y="60">not autoplay.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:350px;padding-bottom:80px}[onclick]:not(a):not(button):not([onkeydown]):not([onkeyup]):not([onkeypress])::after,[onclick][onkeydown]:not([tabindex]):not(a):not(button)::after,[onclick][onkeydown][tabindex="-1"]:not(a):not(button)::after,[onclick][onkeypress]:not([tabindex]):not(a):not(button)::after,[onclick][onkeypress][tabindex="-1"]:not(a):not(button)::after,[onclick][onkeyup]:not([tabindex]):not(a):not(button)::after,[onclick][onkeyup][tabindex="-1"]:not(a):not(button)::after,[ondblclick]:not(a):not(button):not([onkeydown]):not([onkeyup]):not([onkeypress])::after,[ondblclick][onkeydown]:not([tabindex]):not(a):not(button)::after,[ondblclick][onkeydown][tabindex="-1"]:not(a):not(button)::after,[ondblclick][onkeypress]:not([tabindex]):not(a):not(button)::after,[ondblclick][onkeypress][tabindex="-1"]:not(a):not(button)::after,[ondblclick][onkeyup]:not([tabindex]):not(a):not(button)::after,[ondblclick][onkeyup][tabindex="-1"]:not(a):not(button)::after,[onmousedown]:not(a):not(button):not([onkeydown]):not([onkeyup]):not([onkeypress])::after,[onmousedown][onkeydown]:not([tabindex]):not(a):not(button)::after,[onmousedown][onkeydown][tabindex="-1"]:not(a):not(button)::after,[onmousedown][onkeypress]:not([tabindex]):not(a):not(button)::after,[onmousedown][onkeypress][tabindex="-1"]:not(a):not(button)::after,[onmousedown][onkeyup]:not([tabindex]):not(a):not(button)::after,[onmousedown][onkeyup][tabindex="-1"]:not(a):not(button)::after,[onmouseenter]:not(a):not(button)::after,[onmouseleave]:not(a):not(button)::after,[onmouseover]:not(a):not(button)::after,[onmouseup]:not(a):not(button):not([onkeydown]):not([onkeyup]):not([onkeypress])::after,[onmouseup][onkeydown]:not([tabindex]):not(a):not(button)::after,[onmouseup][onkeydown][tabindex="-1"]:not(a):not(button)::after,[onmouseup][onkeypress]:not([tabindex]):not(a):not(button)::after,[onmouseup][onkeypress][tabindex="-1"]:not(a):not(button)::after,[onmouseup][onkeyup]:not([tabindex]):not(a):not(button)::after,[onmouseup][onkeyup][tabindex="-1"]:not(a):not(button)::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"WARNING (W0002): Potentially inaccessible click event used on non-clickable element. Ensure you have an accessible alternative."!important;color:var(--checka11y-text-warning);border:.4rem solid var(--checka11y-border-warning);background-color:var(--checka11y-bg-warning)}h1[role=text]::after,h2[role=text]::after,h3[role=text]::after,h4[role=text]::after,h5[role=text]::after,h6[role=text]::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"WARNING (W0010): Using role='text' on a heading element causes it to lose semantic meaning for screen readers"!important;color:var(--checka11y-text-warning);border:.4rem solid var(--checka11y-border-warning);background-color:var(--checka11y-bg-warning)}img[alt$=",jpeg"i],img[alt$=".bmp"i],img[alt$=".gif"i],img[alt$=".ivaf"i],img[alt$=".jpg"i],img[alt$=".png"i],img[alt$=".svg"i],img[alt$=".webp"i],img[alt$=graphic i],img[alt$=image i],img[alt$=logo i],img[alt=" "i],img[alt="*"i],img[alt=arrow i],img[alt=artwork i],img[alt=blank i],img[alt=bullet i],img[alt=button i],img[alt=chart i],img[alt=diagram i],img[alt=drawing i],img[alt=graph i],img[alt=graphic i],img[alt=image i],img[alt=logo i],img[alt=more i],img[alt=painting i],img[alt=photo i],img[alt=photograph i],img[alt=spacer i],img[alt=table i],img[alt^="graphic of"i],img[alt^="image of"i],img[alt^="logo for"i],img[alt^="logo of"i],img[alt^=bullet i]{border:.4rem solid;border-color:var(--checka11y-border-warning);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="80px" viewBox="0 0 400 80"><rect class="box" x="4" y="4" width="392" height="72" rx="12" ry="12" fill="rgba(255, 255, 216, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 255, 102, 0.999999)" /><g fill="rgba(133, 100, 4, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">WARNING (W0003): Alt text must</text> <text x="15" y="60">describe the content of the image.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:400px;padding-bottom:80px}[style*="!important"]::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"WARNING (W0004): !important inline styles should be avoided."!important;color:var(--checka11y-text-warning);border:.4rem solid var(--checka11y-border-warning);background-color:var(--checka11y-bg-warning)}:not([role=text]) span::after,:not([role=text])>em::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"WARNING (W0005): Text broken by <span> or <em> elements might need a [role='text'] attribute."!important;color:var(--checka11y-text-warning);border:.4rem solid var(--checka11y-border-warning);background-color:var(--checka11y-bg-warning)}a[target=_blank]::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"WARNING (W0006): Links that open in a new tab or window should be communicated to the user, ensure the user knows of this behavior."!important;color:var(--checka11y-text-warning);border:.4rem solid var(--checka11y-border-warning);background-color:var(--checka11y-bg-warning)}a[href="#"]::after,a[href^="javascript:"]::after,a[role=button]::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"WARNING (W0011): Anchor tags should not be used as buttons. Links should redirect to a resource/page, if they don't they probably should be buttons."!important;color:var(--checka11y-text-warning);border:.4rem solid var(--checka11y-border-warning);background-color:var(--checka11y-bg-warning)}a[href$=".doc"]::after,a[href$=".docx"]::after,a[href$=".pdf"]::after,a[href$=".ppt"]::after,a[href$=".pptm"]::after,a[href$=".pptx"]::after,a[href$=".txt"]::after,a[href$=".xls"]::after,a[href$=".xlsx"]::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"WARNING (W0013): Anchor tags that contain a link to a PDF, Word, Excel, or PowerPoint document is present on the page and could be a potential accessibility issue."!important;color:var(--checka11y-text-warning);border:.4rem solid var(--checka11y-border-warning);background-color:var(--checka11y-bg-warning)}a[href*="https://spotify.com/"]::after,a[href*="https://youtu.be"]::after,a[href*="https://youtube.com"]::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"WARNING (W0014): Anchor tags that contain a link to content site (Youtube, Spotify etc) is present on the document."!important;color:var(--checka11y-text-warning);border:.4rem solid var(--checka11y-border-warning);background-color:var(--checka11y-bg-warning)}section:empty::before,section>:not(h1,h2,h3,h4,h5,h6,img):last-child::before{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"WARNING (W0012): A <section> should contain a heading element."!important;color:var(--checka11y-text-warning);border:.4rem solid var(--checka11y-border-warning);background-color:var(--checka11y-bg-warning)}section>:is(h1,h2,h3,h4,h5,h6)~:not(:is(h1,h2,h3,h4,h5,h6,img)):last-child::before{content:none!important}[title]::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"WARNING (W0008): The title attribute has many accessibility concerns, consider using an alternative method."!important;color:var(--checka11y-text-warning);border:.4rem solid var(--checka11y-border-warning);background-color:var(--checka11y-bg-warning)}u::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"WARNING (W0007): Using <u> element could be confused as a hyperlink, consider using a different element such as <em> or <b>."!important;color:var(--checka11y-text-warning);border:.4rem solid var(--checka11y-border-warning);background-color:var(--checka11y-bg-warning)}/*! Checka11y.css v2.0.0 | MIT License | github.com/jackdomleo7/Checka11y.css */
\ No newline at end of file
diff --git a/checka11y.min.css b/checka11y.min.css
new file mode 100644
index 0000000..adf05d0
--- /dev/null
+++ b/checka11y.min.css
@@ -0,0 +1 @@
+:root{--checka11y-text-error:#721c24;--checka11y-bg-error:#ffc6c6;--checka11y-border-error:#f00}:root{--checka11y-space:0.25rem;--checka11y-space-0:calc(var(--checka11y-space) * 0);--checka11y-space-2:calc(var(--checka11y-space) * 2);--checka11y-space-4:calc(var(--checka11y-space) * 4);--checka11y-space-6:calc(var(--checka11y-space) * 6)}button audio[controls]{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0000): Ensure that &lt;audio controls&gt; is</text> <text x="15" y="60">not a child of &lt;button&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}button button::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0000): Ensure that <button> is not a child of <button>."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}button details::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0000): Ensure that <details> is not a child of <button>."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}button embed{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="350px" height="80px" viewBox="0 0 350 80"><rect class="box" x="4" y="4" width="342" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0000): &lt;embed&gt; cannot</text> <text x="15" y="60">be a child of &lt;button&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:350px;padding-bottom:80px}button iframe{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0000): Ensure that &lt;iframe&gt; is</text> <text x="15" y="60">not a child of &lt;button&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}button img[usemap]{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0000): Ensure that &lt;img usemap&gt; is</text> <text x="15" y="60">not a child of &lt;button&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}button input:not([type=hidden]){border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0000): Ensure that &lt;input type="hidden"&gt;</text> <text x="15" y="60">is not a child of &lt;button&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}button label::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0000): Ensure that <label> is not a child of <button>."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}button object[usemap]{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0000): Ensure that &lt;object usemap&gt; is</text> <text x="15" y="60">not a child of &lt;button&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}button select{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0000): Ensure that &lt;select&gt; is</text> <text x="15" y="60">not a child of &lt;button&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}button textarea{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0000): Ensure that &lt;textarea&gt; is</text> <text x="15" y="60">not a child of &lt;button&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}button video[controls]{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0000): Ensure that &lt;video controls&gt; is</text> <text x="15" y="60">not a child of &lt;button&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}button:not([aria-label]):not([aria-labelledby]):empty::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0001): Ensure that <button> has meaningful content or is labelled appropriately."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}[dir]:not([dir=rtl]):not([dir=ltr]):not([dir=auto])::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0002): The dir attribute can only have the values, 'ltr', 'rtl' and 'auto'."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}h1:empty::after,h2:empty::after,h3:empty::after,h4:empty::after,h5:empty::after,h6:empty::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0003): Headings must not be empty."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}h1[aria-hidden]::after,h2[aria-hidden]::after,h3[aria-hidden]::after,h4[aria-hidden]::after,h5[aria-hidden]::after,h6[aria-hidden]::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0004): Headings should be reachable by assistive technologies (no aria-hidden)."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}h2~* h1:first-of-type::after,h2~h1:first-of-type::after,h3~* h2:first-of-type::after,h3~h2:first-of-type::after,h4~* h2:first-of-type::after,h4~* h3:first-of-type::after,h4~h2:first-of-type::after,h4~h3:first-of-type::after,h5~* h2:first-of-type::after,h5~* h3:first-of-type::after,h5~* h4:first-of-type::after,h5~h2:first-of-type::after,h5~h3:first-of-type::after,h5~h4:first-of-type::after,h6~* h2:first-of-type::after,h6~* h3:first-of-type::after,h6~* h4:first-of-type::after,h6~* h5:first-of-type::after,h6~h2:first-of-type::after,h6~h3:first-of-type::after,h6~h4:first-of-type::after,h6~h5:first-of-type::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0005): Headings should not skip levels."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}html:not([lang]) body::before{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0006): html has no lang attribute."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}html[lang=""] body::before{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0006): html lang attribute should not be empty."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}iframe:not([title]){border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="350px" height="80px" viewBox="0 0 350 80"><rect class="box" x="4" y="4" width="342" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0007): All &lt;iframe&gt; must</text> <text x="15" y="60">have a title.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:350px;padding-bottom:80px}img:not([alt]){border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="350px" height="80px" viewBox="0 0 350 80"><rect class="box" x="4" y="4" width="342" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0008): All &lt;img&gt; must</text> <text x="15" y="60">have alternative text.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:350px;padding-bottom:80px}a audio[controls]{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0009): Ensure that &lt;audio controls&gt; is</text> <text x="15" y="60">not a child of &lt;a&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}a button::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0009): Ensure that <button> is not a child of <a>."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}a details::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0009): Ensure that <details> is not a child of <a>."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}a embed{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0009): Ensure that &lt;embed&gt; is</text> <text x="15" y="60">not a child of &lt;a&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}a iframe{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0009): Ensure that &lt;iframe&gt; is</text> <text x="15" y="60">not a child of &lt;a&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}a img[usemap]{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0009): Ensure that &lt;img usemap&gt; is</text> <text x="15" y="60">not a child of &lt;a&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}a input:not([type=hidden]){border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0009): Ensure that &lt;input type="hidden"&gt; is</text> <text x="15" y="60">not a child of &lt;a&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}a label::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0009): Ensure that <label> is not a child of <a>."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}a object[usemap]{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0009): Ensure that &lt;object usemap&gt; is</text> <text x="15" y="60">not a child of &lt;a&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}a select{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0009): Ensure that &lt;select&gt; is</text> <text x="15" y="60">not a child of &lt;a&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}a textarea{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0009): Ensure that &lt;textarea&gt; is</text> <text x="15" y="60">not a child of &lt;a&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}a video[controls]{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="550px" height="80px" viewBox="0 0 550 80"><rect class="box" x="4" y="4" width="542" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0009): Ensure that &lt;video controls&gt; is</text> <text x="15" y="60">not a child of &lt;a&gt;.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:550px;padding-bottom:80px}a[href]:not([aria-label]):not([aria-labelledby]):empty::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0010): Ensure that <a> has meaningful content or is labelled appropriately."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}ol>:not(li):not(script):not(template)::after,ul>:not(li):not(script):not(template)::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0011): List markup invalid. Ensure <li>, <script> or <template> are the only direct children of <ul> or <ol>."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}dl>:not(dt):not(dd)::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0012): List markup invalid. Ensure that the only direct children of <dl> are <dt> and <dd>."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}nav:not([aria-label]):not([aria-labelledby])~nav::after,nav~nav:not([aria-label]):not([aria-labelledby])::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0013): <nav> indicates the primary navigation for the page. In cases where multiple primary navigations exist, an aria-label or aria-labelledby attribute must be present on both <nav> elements."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}a[href][tabindex="-1"]::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0014): Ensure that &lt;a&gt; with an href attribute does not have a tab index of -1."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}area[href][tabindex="-1"]{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="80px" viewBox="0 0 400 80"><rect class="box" x="4" y="4" width="392" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0014): Ensure that &lt;area&gt; with an</text> <text x="15" y="60">href attribute does not have a tab index of -1.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:400px;padding-bottom:80px}input:not([disabled])[tabindex="-1"]{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="80px" viewBox="0 0 400 80"><rect class="box" x="4" y="4" width="392" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0014): Ensure that &lt;input&gt; that</text> <text x="15" y="60">is not disabled does not have a tab index of -1.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:400px;padding-bottom:80px}select:not([disabled])[tabindex="-1"]{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="80px" viewBox="0 0 400 80"><rect class="box" x="4" y="4" width="392" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0014): Ensure that &lt;select&gt; that</text> <text x="15" y="60">is not disabled does not have a tab index of -1.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:400px;padding-bottom:80px}textarea:not([disabled])[tabindex="-1"]{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="80px" viewBox="0 0 400 80"><rect class="box" x="4" y="4" width="392" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0014): Ensure that &lt;textarea&gt; that</text> <text x="15" y="60">is not disabled does not have a tab index of -1.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:400px;padding-bottom:80px}button:not([disabled])[tabindex="-1"]::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0014): Ensure that &lt;button&gt; that is not disabled does not have a tab index of -1."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}iframe[tabindex="-1"]{border:.4rem solid;border-color:var(--checka11y-border-error);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="80px" viewBox="0 0 400 80"><rect class="box" x="4" y="4" width="392" height="72" rx="12" ry="12" fill="rgba(255, 198, 198, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 0, 0, 0.999999)" /><g fill="rgba(114, 28, 36, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">ERROR (E0014): Ensure that &lt;iframe&gt;</text> <text x="15" y="60">does not have a tab index of -1.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:400px;padding-bottom:80px}[contentEditable=true][tabindex="-1"]::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"ERROR (E0014): Ensure that HTML elements with editable content don't have a tab index of -1."!important;color:var(--checka11y-text-error);border:.4rem solid var(--checka11y-border-error);background-color:var(--checka11y-bg-error)}/*! Checka11y.css v2.0.0 | MIT License | github.com/jackdomleo7/Checka11y.css */:root{--checka11y-text-warning:#856404;--checka11y-bg-warning:#ffffd8;--checka11y-border-warning:#ff6}[accesskey]::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"WARNING (W0000): accesskey attribute could interfere and conflict with screen readers and assistive technologies."!important;color:var(--checka11y-text-warning);border:.4rem solid var(--checka11y-border-warning);background-color:var(--checka11y-bg-warning)}[aria-hidden=true] a::after,[aria-hidden=true] button::after,[aria-hidden=true] summary::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"WARNING (W0009): Focusable element in a aria-hidden element."!important;color:var(--checka11y-text-warning);border:.4rem solid var(--checka11y-border-warning);background-color:var(--checka11y-bg-warning)}[aria-hidden=true] area,[aria-hidden=true] audio[controls],[aria-hidden=true] iframe,[aria-hidden=true] input,[aria-hidden=true] select,[aria-hidden=true] textarea,[aria-hidden=true] video[controls]{border:.4rem solid;border-color:var(--checka11y-border-warning);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="350px" height="80px" viewBox="0 0 350 80"><rect class="box" x="4" y="4" width="342" height="72" rx="12" ry="12" fill="rgba(255, 255, 216, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 255, 102, 0.999999)" /><g fill="rgba(133, 100, 4, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">WARNING (W0009): Focusable</text> <text x="15" y="60">element in a aria-hidden element.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:350px;padding-bottom:80px}[autoplay]{border:.4rem solid;border-color:var(--checka11y-border-warning);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="350px" height="80px" viewBox="0 0 350 80"><rect class="box" x="4" y="4" width="342" height="72" rx="12" ry="12" fill="rgba(255, 255, 216, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 255, 102, 0.999999)" /><g fill="rgba(133, 100, 4, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">WARNING (W0001): Media should</text> <text x="15" y="60">not autoplay.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:350px;padding-bottom:80px}[onclick]:not(a):not(button):not([onkeydown]):not([onkeyup]):not([onkeypress])::after,[onclick][onkeydown]:not([tabindex]):not(a):not(button)::after,[onclick][onkeydown][tabindex="-1"]:not(a):not(button)::after,[onclick][onkeypress]:not([tabindex]):not(a):not(button)::after,[onclick][onkeypress][tabindex="-1"]:not(a):not(button)::after,[onclick][onkeyup]:not([tabindex]):not(a):not(button)::after,[onclick][onkeyup][tabindex="-1"]:not(a):not(button)::after,[ondblclick]:not(a):not(button):not([onkeydown]):not([onkeyup]):not([onkeypress])::after,[ondblclick][onkeydown]:not([tabindex]):not(a):not(button)::after,[ondblclick][onkeydown][tabindex="-1"]:not(a):not(button)::after,[ondblclick][onkeypress]:not([tabindex]):not(a):not(button)::after,[ondblclick][onkeypress][tabindex="-1"]:not(a):not(button)::after,[ondblclick][onkeyup]:not([tabindex]):not(a):not(button)::after,[ondblclick][onkeyup][tabindex="-1"]:not(a):not(button)::after,[onmousedown]:not(a):not(button):not([onkeydown]):not([onkeyup]):not([onkeypress])::after,[onmousedown][onkeydown]:not([tabindex]):not(a):not(button)::after,[onmousedown][onkeydown][tabindex="-1"]:not(a):not(button)::after,[onmousedown][onkeypress]:not([tabindex]):not(a):not(button)::after,[onmousedown][onkeypress][tabindex="-1"]:not(a):not(button)::after,[onmousedown][onkeyup]:not([tabindex]):not(a):not(button)::after,[onmousedown][onkeyup][tabindex="-1"]:not(a):not(button)::after,[onmouseenter]:not(a):not(button)::after,[onmouseleave]:not(a):not(button)::after,[onmouseover]:not(a):not(button)::after,[onmouseup]:not(a):not(button):not([onkeydown]):not([onkeyup]):not([onkeypress])::after,[onmouseup][onkeydown]:not([tabindex]):not(a):not(button)::after,[onmouseup][onkeydown][tabindex="-1"]:not(a):not(button)::after,[onmouseup][onkeypress]:not([tabindex]):not(a):not(button)::after,[onmouseup][onkeypress][tabindex="-1"]:not(a):not(button)::after,[onmouseup][onkeyup]:not([tabindex]):not(a):not(button)::after,[onmouseup][onkeyup][tabindex="-1"]:not(a):not(button)::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"WARNING (W0002): Potentially inaccessible click event used on non-clickable element. Ensure you have an accessible alternative."!important;color:var(--checka11y-text-warning);border:.4rem solid var(--checka11y-border-warning);background-color:var(--checka11y-bg-warning)}h1[role=text]::after,h2[role=text]::after,h3[role=text]::after,h4[role=text]::after,h5[role=text]::after,h6[role=text]::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"WARNING (W0010): Using role='text' on a heading element causes it to lose semantic meaning for screen readers"!important;color:var(--checka11y-text-warning);border:.4rem solid var(--checka11y-border-warning);background-color:var(--checka11y-bg-warning)}img[alt$=",jpeg"i],img[alt$=".bmp"i],img[alt$=".gif"i],img[alt$=".ivaf"i],img[alt$=".jpg"i],img[alt$=".png"i],img[alt$=".svg"i],img[alt$=".webp"i],img[alt$=graphic i],img[alt$=image i],img[alt$=logo i],img[alt=" "i],img[alt="*"i],img[alt=arrow i],img[alt=artwork i],img[alt=blank i],img[alt=bullet i],img[alt=button i],img[alt=chart i],img[alt=diagram i],img[alt=drawing i],img[alt=graph i],img[alt=graphic i],img[alt=image i],img[alt=logo i],img[alt=more i],img[alt=painting i],img[alt=photo i],img[alt=photograph i],img[alt=spacer i],img[alt=table i],img[alt^="graphic of"i],img[alt^="image of"i],img[alt^="logo for"i],img[alt^="logo of"i],img[alt^=bullet i]{border:.4rem solid;border-color:var(--checka11y-border-warning);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="80px" viewBox="0 0 400 80"><rect class="box" x="4" y="4" width="392" height="72" rx="12" ry="12" fill="rgba(255, 255, 216, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 255, 102, 0.999999)" /><g fill="rgba(133, 100, 4, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">WARNING (W0003): Alt text must</text> <text x="15" y="60">describe the content of the image.</text></g></svg>');background-position:bottom center;background-repeat:no-repeat;min-width:400px;padding-bottom:80px}[style*="!important"]::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"WARNING (W0004): !important inline styles should be avoided."!important;color:var(--checka11y-text-warning);border:.4rem solid var(--checka11y-border-warning);background-color:var(--checka11y-bg-warning)}:not([role=text]) span::after,:not([role=text])>em::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"WARNING (W0005): Text broken by <span> or <em> elements might need a [role='text'] attribute."!important;color:var(--checka11y-text-warning);border:.4rem solid var(--checka11y-border-warning);background-color:var(--checka11y-bg-warning)}a[target=_blank]::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"WARNING (W0006): Links that open in a new tab or window should be communicated to the user, ensure the user knows of this behavior."!important;color:var(--checka11y-text-warning);border:.4rem solid var(--checka11y-border-warning);background-color:var(--checka11y-bg-warning)}a[href="#"]::after,a[href^="javascript:"]::after,a[role=button]::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"WARNING (W0011): Anchor tags should not be used as buttons. Links should redirect to a resource/page, if they don't they probably should be buttons."!important;color:var(--checka11y-text-warning);border:.4rem solid var(--checka11y-border-warning);background-color:var(--checka11y-bg-warning)}a[href$=".doc"]::after,a[href$=".docx"]::after,a[href$=".pdf"]::after,a[href$=".ppt"]::after,a[href$=".pptm"]::after,a[href$=".pptx"]::after,a[href$=".txt"]::after,a[href$=".xls"]::after,a[href$=".xlsx"]::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"WARNING (W0013): Anchor tags that contain a link to a PDF, Word, Excel, or PowerPoint document is present on the page and could be a potential accessibility issue."!important;color:var(--checka11y-text-warning);border:.4rem solid var(--checka11y-border-warning);background-color:var(--checka11y-bg-warning)}a[href*="https://spotify.com/"]::after,a[href*="https://youtu.be"]::after,a[href*="https://youtube.com"]::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"WARNING (W0014): Anchor tags that contain a link to content site (Youtube, Spotify etc) is present on the document."!important;color:var(--checka11y-text-warning);border:.4rem solid var(--checka11y-border-warning);background-color:var(--checka11y-bg-warning)}section:empty::before,section>:not(h1,h2,h3,h4,h5,h6,img):last-child::before{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"WARNING (W0012): A <section> should contain a heading element."!important;color:var(--checka11y-text-warning);border:.4rem solid var(--checka11y-border-warning);background-color:var(--checka11y-bg-warning)}section>:is(h1,h2,h3,h4,h5,h6)~:not(:is(h1,h2,h3,h4,h5,h6,img)):last-child::before{content:none!important}[title]::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"WARNING (W0008): The title attribute has many accessibility concerns, consider using an alternative method."!important;color:var(--checka11y-text-warning);border:.4rem solid var(--checka11y-border-warning);background-color:var(--checka11y-bg-warning)}u::after{display:block;font-size:1rem;font-family:verdana,geneva,tahoma,sans-serif;font-weight:700;font-style:initial;padding:var(--checka11y-space-4) var(--checka11y-space-6);border-radius:.75rem;letter-spacing:initial;text-decoration:none;text-transform:initial;text-shadow:none;content:"WARNING (W0007): Using <u> element could be confused as a hyperlink, consider using a different element such as <em> or <b>."!important;color:var(--checka11y-text-warning);border:.4rem solid var(--checka11y-border-warning);background-color:var(--checka11y-bg-warning)}/*! Checka11y.css v2.0.0 | MIT License | github.com/jackdomleo7/Checka11y.css *//*! Checka11y.css v2.0.0 | MIT License | github.com/jackdomleo7/Checka11y.css */
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index cd8094a..015ffe6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,21 +1,23 @@
 {
   "name": "checka11y-css",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "checka11y-css",
-      "version": "2.0.0",
+      "version": "2.1.0",
       "license": "MIT",
       "devDependencies": {
-        "autoprefixer": "^10.3.7",
+        "autoprefixer": "^10.4.0",
+        "clean-css": "^5.2.2",
+        "clean-css-cli": "^5.4.2",
         "cypress": "^8.7.0",
         "git-branch-is": "^4.0.0",
         "is-git-status-clean": "^1.0.0",
-        "postcss": "^8.3.9",
-        "postcss-cli": "^9.0.1",
-        "sass": "^1.43.2",
+        "postcss": "^8.3.11",
+        "postcss-cli": "^9.0.2",
+        "sass": "^1.43.4",
         "stylelint": "^13.13.1",
         "stylelint-scss": "^3.21.0"
       },
@@ -805,16 +807,16 @@
       }
     },
     "node_modules/autoprefixer": {
-      "version": "10.3.7",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.3.7.tgz",
-      "integrity": "sha512-EmGpu0nnQVmMhX8ROoJ7Mx8mKYPlcUHuxkwrRYEYMz85lu7H09v8w6R1P0JPdn/hKU32GjpLBFEOuIlDWCRWvg==",
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.0.tgz",
+      "integrity": "sha512-7FdJ1ONtwzV1G43GDD0kpVMn/qbiNqyOPMFTX5nRffI+7vgWoFEc6DcXOxHJxrWNDXrZh18eDsZjvZGUljSRGA==",
       "dev": true,
       "dependencies": {
-        "browserslist": "^4.17.3",
-        "caniuse-lite": "^1.0.30001264",
+        "browserslist": "^4.17.5",
+        "caniuse-lite": "^1.0.30001272",
         "fraction.js": "^4.1.1",
         "normalize-range": "^0.1.2",
-        "picocolors": "^0.2.1",
+        "picocolors": "^1.0.0",
         "postcss-value-parser": "^4.1.0"
       },
       "bin": {
@@ -831,6 +833,12 @@
         "postcss": "^8.1.0"
       }
     },
+    "node_modules/autoprefixer/node_modules/picocolors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
+      "dev": true
+    },
     "node_modules/aws-sign2": {
       "version": "0.7.0",
       "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
@@ -921,15 +929,15 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.17.4",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.17.4.tgz",
-      "integrity": "sha512-Zg7RpbZpIJRW3am9Lyckue7PLytvVxxhJj1CaJVlCWENsGEAOlnlt8X0ZxGRPp7Bt9o8tIRM5SEXy4BCPMJjLQ==",
+      "version": "4.17.6",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.17.6.tgz",
+      "integrity": "sha512-uPgz3vyRTlEiCv4ee9KlsKgo2V6qPk7Jsn0KAn2OBqbqKo3iNcPEC1Ti6J4dwnz+aIRfEEEuOzC9IBk8tXUomw==",
       "dev": true,
       "dependencies": {
-        "caniuse-lite": "^1.0.30001265",
-        "electron-to-chromium": "^1.3.867",
+        "caniuse-lite": "^1.0.30001274",
+        "electron-to-chromium": "^1.3.886",
         "escalade": "^3.1.1",
-        "node-releases": "^2.0.0",
+        "node-releases": "^2.0.1",
         "picocolors": "^1.0.0"
       },
       "bin": {
@@ -1000,9 +1008,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001267",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001267.tgz",
-      "integrity": "sha512-r1mjTzAuJ9W8cPBGbbus8E0SKcUP7gn03R14Wk8FlAlqhH9hroy9nLqmpuXlfKEw/oILW+FGz47ipXV2O7x8lg==",
+      "version": "1.0.30001279",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001279.tgz",
+      "integrity": "sha512-VfEHpzHEXj6/CxggTwSFoZBBYGQfQv9Cf42KPlO79sWXCD1QNKWKsKzFeWL7QpZHJQYAvocqV6Rty1yJMkqWLQ==",
       "dev": true,
       "funding": {
         "type": "opencollective",
@@ -1097,6 +1105,44 @@
       "integrity": "sha512-dVqRX7fLUm8J6FgHJ418XuIgDLZDkYcDFTeL6TA2gt5WlIZUQrrH6EZrNClwT/H0FateUsZkGIOPRrLbP+PR9A==",
       "dev": true
     },
+    "node_modules/clean-css": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.2.2.tgz",
+      "integrity": "sha512-/eR8ru5zyxKzpBLv9YZvMXgTSSQn7AdkMItMYynsFgGwTveCRVam9IUPFloE85B4vAIj05IuKmmEoV7/AQjT0w==",
+      "dev": true,
+      "dependencies": {
+        "source-map": "~0.6.0"
+      },
+      "engines": {
+        "node": ">= 10.0"
+      }
+    },
+    "node_modules/clean-css-cli": {
+      "version": "5.4.2",
+      "resolved": "https://registry.npmjs.org/clean-css-cli/-/clean-css-cli-5.4.2.tgz",
+      "integrity": "sha512-BYxVOuBQL8f2+yucOgmwUi1idpAQV4k9bxG6mxTrBikuwrkXBG5/Pq6tqCi4GZUtgvslMj8dGVtFSoXp9OLzeA==",
+      "dev": true,
+      "dependencies": {
+        "clean-css": "^5.2.2",
+        "commander": "7.x",
+        "glob": "^7.1.6"
+      },
+      "bin": {
+        "cleancss": "bin/cleancss"
+      },
+      "engines": {
+        "node": ">= 10.12.0"
+      }
+    },
+    "node_modules/clean-css-cli/node_modules/commander": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 10"
+      }
+    },
     "node_modules/clean-stack": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
@@ -1574,9 +1620,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.3.868",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.868.tgz",
-      "integrity": "sha512-kZYCHqwJ1ctGrYDlOcWQH+/AftAm/KD4lEnLDNwS0kKwx1x6dU4zv+GuDjsPPOGn/2TjnKBaZjDyjXaoix0q/A==",
+      "version": "1.3.892",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.892.tgz",
+      "integrity": "sha512-YDW4yIjdfMnbRoBjRZ/aNQYmT6JgQFLwmTSDRJMQdrY4MByEzppdXp3rnJ0g4LBWcsYTUvwKKClYN1ofZ0COOQ==",
       "dev": true
     },
     "node_modules/emoji-regex": {
@@ -3259,12 +3305,6 @@
       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
       "dev": true
     },
-    "node_modules/nanocolors": {
-      "version": "0.2.13",
-      "resolved": "https://registry.npmjs.org/nanocolors/-/nanocolors-0.2.13.tgz",
-      "integrity": "sha512-0n3mSAQLPpGLV9ORXT5+C/D4mwew7Ebws69Hx4E2sgz2ZA5+32Q80B9tL8PbL7XHnRDiAxH/pnrUJ9a4fkTNTA==",
-      "dev": true
-    },
     "node_modules/nanoid": {
       "version": "3.1.30",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.30.tgz",
@@ -3278,9 +3318,9 @@
       }
     },
     "node_modules/node-releases": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.0.tgz",
-      "integrity": "sha512-aA87l0flFYMzCHpTM3DERFSYxc6lv/BltdbRTOMZuxZ0cwZCD3mejE5n9vLhSJCN++/eOqr77G1IO5uXxlQYWA==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.1.tgz",
+      "integrity": "sha512-CqyzN6z7Q6aMeF/ktcMVTzhAHCEpf8SOarwpzpf8pNBY2k5/oM34UHldUwp8VKI7uxct2HxSRdJjBaZeESzcxA==",
       "dev": true
     },
     "node_modules/normalize-package-data": {
@@ -3549,13 +3589,13 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.3.9",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.3.9.tgz",
-      "integrity": "sha512-f/ZFyAKh9Dnqytx5X62jgjhhzttjZS7hMsohcI7HEI5tjELX/HxCy3EFhsRxyzGvrzFF+82XPvCS8T9TFleVJw==",
+      "version": "8.3.11",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.3.11.tgz",
+      "integrity": "sha512-hCmlUAIlUiav8Xdqw3Io4LcpA1DOt7h3LSTAC4G6JGHFFaWzI6qvFt9oilvl8BmkbBRX1IhM90ZAmpk68zccQA==",
       "dev": true,
       "dependencies": {
-        "nanoid": "^3.1.28",
-        "picocolors": "^0.2.1",
+        "nanoid": "^3.1.30",
+        "picocolors": "^1.0.0",
         "source-map-js": "^0.6.2"
       },
       "engines": {
@@ -3567,9 +3607,9 @@
       }
     },
     "node_modules/postcss-cli": {
-      "version": "9.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-cli/-/postcss-cli-9.0.1.tgz",
-      "integrity": "sha512-zO160OBaAZBFUWO+QZIzEKMjnPIc5c61dMg1d7xafblh9cxbNb6s16ahJuP91PcVsu//gqr7BKllJxRiRDsSYw==",
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-cli/-/postcss-cli-9.0.2.tgz",
+      "integrity": "sha512-08Wujoy7YGhKCFrGsT9OXqWjtHlGQ+JmyaD/4McjCiwor2IUTRVzXiJd+xmLTGdSWjceS6/TePaJQwBlkVWHiw==",
       "dev": true,
       "dependencies": {
         "chokidar": "^3.3.0",
@@ -3577,7 +3617,7 @@
         "fs-extra": "^10.0.0",
         "get-stdin": "^9.0.0",
         "globby": "^12.0.0",
-        "nanocolors": "^0.2.11",
+        "picocolors": "^1.0.0",
         "postcss-load-config": "^3.0.0",
         "postcss-reporter": "^7.0.0",
         "pretty-hrtime": "^1.0.3",
@@ -3609,6 +3649,12 @@
         "node": ">=12"
       }
     },
+    "node_modules/postcss-cli/node_modules/picocolors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
+      "dev": true
+    },
     "node_modules/postcss-less": {
       "version": "3.1.4",
       "resolved": "https://registry.npmjs.org/postcss-less/-/postcss-less-3.1.4.tgz",
@@ -3810,6 +3856,12 @@
       "integrity": "sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==",
       "dev": true
     },
+    "node_modules/postcss/node_modules/picocolors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
+      "dev": true
+    },
     "node_modules/pretty-bytes": {
       "version": "5.6.0",
       "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.6.0.tgz",
@@ -4194,9 +4246,9 @@
       "dev": true
     },
     "node_modules/sass": {
-      "version": "1.43.2",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.43.2.tgz",
-      "integrity": "sha512-DncYhjl3wBaPMMJR0kIUaH3sF536rVrOcqqVGmTZHQRRzj7LQlyGV7Mb8aCKFyILMr5VsPHwRYtyKpnKYlmQSQ==",
+      "version": "1.43.4",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.43.4.tgz",
+      "integrity": "sha512-/ptG7KE9lxpGSYiXn7Ar+lKOv37xfWsZRtFYal2QHNigyVQDx685VFT/h7ejVr+R8w7H4tmUgtulsKl5YpveOg==",
       "dev": true,
       "dependencies": {
         "chokidar": ">=3.0.0 <4.0.0"
@@ -6120,17 +6172,25 @@
       "dev": true
     },
     "autoprefixer": {
-      "version": "10.3.7",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.3.7.tgz",
-      "integrity": "sha512-EmGpu0nnQVmMhX8ROoJ7Mx8mKYPlcUHuxkwrRYEYMz85lu7H09v8w6R1P0JPdn/hKU32GjpLBFEOuIlDWCRWvg==",
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.0.tgz",
+      "integrity": "sha512-7FdJ1ONtwzV1G43GDD0kpVMn/qbiNqyOPMFTX5nRffI+7vgWoFEc6DcXOxHJxrWNDXrZh18eDsZjvZGUljSRGA==",
       "dev": true,
       "requires": {
-        "browserslist": "^4.17.3",
-        "caniuse-lite": "^1.0.30001264",
+        "browserslist": "^4.17.5",
+        "caniuse-lite": "^1.0.30001272",
         "fraction.js": "^4.1.1",
         "normalize-range": "^0.1.2",
-        "picocolors": "^0.2.1",
+        "picocolors": "^1.0.0",
         "postcss-value-parser": "^4.1.0"
+      },
+      "dependencies": {
+        "picocolors": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+          "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
+          "dev": true
+        }
       }
     },
     "aws-sign2": {
@@ -6212,15 +6272,15 @@
       }
     },
     "browserslist": {
-      "version": "4.17.4",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.17.4.tgz",
-      "integrity": "sha512-Zg7RpbZpIJRW3am9Lyckue7PLytvVxxhJj1CaJVlCWENsGEAOlnlt8X0ZxGRPp7Bt9o8tIRM5SEXy4BCPMJjLQ==",
+      "version": "4.17.6",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.17.6.tgz",
+      "integrity": "sha512-uPgz3vyRTlEiCv4ee9KlsKgo2V6qPk7Jsn0KAn2OBqbqKo3iNcPEC1Ti6J4dwnz+aIRfEEEuOzC9IBk8tXUomw==",
       "dev": true,
       "requires": {
-        "caniuse-lite": "^1.0.30001265",
-        "electron-to-chromium": "^1.3.867",
+        "caniuse-lite": "^1.0.30001274",
+        "electron-to-chromium": "^1.3.886",
         "escalade": "^3.1.1",
-        "node-releases": "^2.0.0",
+        "node-releases": "^2.0.1",
         "picocolors": "^1.0.0"
       },
       "dependencies": {
@@ -6268,9 +6328,9 @@
       }
     },
     "caniuse-lite": {
-      "version": "1.0.30001267",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001267.tgz",
-      "integrity": "sha512-r1mjTzAuJ9W8cPBGbbus8E0SKcUP7gn03R14Wk8FlAlqhH9hroy9nLqmpuXlfKEw/oILW+FGz47ipXV2O7x8lg==",
+      "version": "1.0.30001279",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001279.tgz",
+      "integrity": "sha512-VfEHpzHEXj6/CxggTwSFoZBBYGQfQv9Cf42KPlO79sWXCD1QNKWKsKzFeWL7QpZHJQYAvocqV6Rty1yJMkqWLQ==",
       "dev": true
     },
     "caseless": {
@@ -6335,6 +6395,34 @@
       "integrity": "sha512-dVqRX7fLUm8J6FgHJ418XuIgDLZDkYcDFTeL6TA2gt5WlIZUQrrH6EZrNClwT/H0FateUsZkGIOPRrLbP+PR9A==",
       "dev": true
     },
+    "clean-css": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.2.2.tgz",
+      "integrity": "sha512-/eR8ru5zyxKzpBLv9YZvMXgTSSQn7AdkMItMYynsFgGwTveCRVam9IUPFloE85B4vAIj05IuKmmEoV7/AQjT0w==",
+      "dev": true,
+      "requires": {
+        "source-map": "~0.6.0"
+      }
+    },
+    "clean-css-cli": {
+      "version": "5.4.2",
+      "resolved": "https://registry.npmjs.org/clean-css-cli/-/clean-css-cli-5.4.2.tgz",
+      "integrity": "sha512-BYxVOuBQL8f2+yucOgmwUi1idpAQV4k9bxG6mxTrBikuwrkXBG5/Pq6tqCi4GZUtgvslMj8dGVtFSoXp9OLzeA==",
+      "dev": true,
+      "requires": {
+        "clean-css": "^5.2.2",
+        "commander": "7.x",
+        "glob": "^7.1.6"
+      },
+      "dependencies": {
+        "commander": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+          "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+          "dev": true
+        }
+      }
+    },
     "clean-stack": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
@@ -6712,9 +6800,9 @@
       }
     },
     "electron-to-chromium": {
-      "version": "1.3.868",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.868.tgz",
-      "integrity": "sha512-kZYCHqwJ1ctGrYDlOcWQH+/AftAm/KD4lEnLDNwS0kKwx1x6dU4zv+GuDjsPPOGn/2TjnKBaZjDyjXaoix0q/A==",
+      "version": "1.3.892",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.892.tgz",
+      "integrity": "sha512-YDW4yIjdfMnbRoBjRZ/aNQYmT6JgQFLwmTSDRJMQdrY4MByEzppdXp3rnJ0g4LBWcsYTUvwKKClYN1ofZ0COOQ==",
       "dev": true
     },
     "emoji-regex": {
@@ -7984,12 +8072,6 @@
       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
       "dev": true
     },
-    "nanocolors": {
-      "version": "0.2.13",
-      "resolved": "https://registry.npmjs.org/nanocolors/-/nanocolors-0.2.13.tgz",
-      "integrity": "sha512-0n3mSAQLPpGLV9ORXT5+C/D4mwew7Ebws69Hx4E2sgz2ZA5+32Q80B9tL8PbL7XHnRDiAxH/pnrUJ9a4fkTNTA==",
-      "dev": true
-    },
     "nanoid": {
       "version": "3.1.30",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.30.tgz",
@@ -7997,9 +8079,9 @@
       "dev": true
     },
     "node-releases": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.0.tgz",
-      "integrity": "sha512-aA87l0flFYMzCHpTM3DERFSYxc6lv/BltdbRTOMZuxZ0cwZCD3mejE5n9vLhSJCN++/eOqr77G1IO5uXxlQYWA==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.1.tgz",
+      "integrity": "sha512-CqyzN6z7Q6aMeF/ktcMVTzhAHCEpf8SOarwpzpf8pNBY2k5/oM34UHldUwp8VKI7uxct2HxSRdJjBaZeESzcxA==",
       "dev": true
     },
     "normalize-package-data": {
@@ -8204,20 +8286,28 @@
       "dev": true
     },
     "postcss": {
-      "version": "8.3.9",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.3.9.tgz",
-      "integrity": "sha512-f/ZFyAKh9Dnqytx5X62jgjhhzttjZS7hMsohcI7HEI5tjELX/HxCy3EFhsRxyzGvrzFF+82XPvCS8T9TFleVJw==",
+      "version": "8.3.11",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.3.11.tgz",
+      "integrity": "sha512-hCmlUAIlUiav8Xdqw3Io4LcpA1DOt7h3LSTAC4G6JGHFFaWzI6qvFt9oilvl8BmkbBRX1IhM90ZAmpk68zccQA==",
       "dev": true,
       "requires": {
-        "nanoid": "^3.1.28",
-        "picocolors": "^0.2.1",
+        "nanoid": "^3.1.30",
+        "picocolors": "^1.0.0",
         "source-map-js": "^0.6.2"
+      },
+      "dependencies": {
+        "picocolors": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+          "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
+          "dev": true
+        }
       }
     },
     "postcss-cli": {
-      "version": "9.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-cli/-/postcss-cli-9.0.1.tgz",
-      "integrity": "sha512-zO160OBaAZBFUWO+QZIzEKMjnPIc5c61dMg1d7xafblh9cxbNb6s16ahJuP91PcVsu//gqr7BKllJxRiRDsSYw==",
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-cli/-/postcss-cli-9.0.2.tgz",
+      "integrity": "sha512-08Wujoy7YGhKCFrGsT9OXqWjtHlGQ+JmyaD/4McjCiwor2IUTRVzXiJd+xmLTGdSWjceS6/TePaJQwBlkVWHiw==",
       "dev": true,
       "requires": {
         "chokidar": "^3.3.0",
@@ -8225,7 +8315,7 @@
         "fs-extra": "^10.0.0",
         "get-stdin": "^9.0.0",
         "globby": "^12.0.0",
-        "nanocolors": "^0.2.11",
+        "picocolors": "^1.0.0",
         "postcss-load-config": "^3.0.0",
         "postcss-reporter": "^7.0.0",
         "pretty-hrtime": "^1.0.3",
@@ -8244,6 +8334,12 @@
             "jsonfile": "^6.0.1",
             "universalify": "^2.0.0"
           }
+        },
+        "picocolors": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+          "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
+          "dev": true
         }
       }
     },
@@ -8657,9 +8753,9 @@
       "dev": true
     },
     "sass": {
-      "version": "1.43.2",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.43.2.tgz",
-      "integrity": "sha512-DncYhjl3wBaPMMJR0kIUaH3sF536rVrOcqqVGmTZHQRRzj7LQlyGV7Mb8aCKFyILMr5VsPHwRYtyKpnKYlmQSQ==",
+      "version": "1.43.4",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.43.4.tgz",
+      "integrity": "sha512-/ptG7KE9lxpGSYiXn7Ar+lKOv37xfWsZRtFYal2QHNigyVQDx685VFT/h7ejVr+R8w7H4tmUgtulsKl5YpveOg==",
       "dev": true,
       "requires": {
         "chokidar": ">=3.0.0 <4.0.0"
diff --git a/package.json b/package.json
index 4ecfddb..90ce8ee 100644
--- a/package.json
+++ b/package.json
@@ -1,90 +1,96 @@
-{
-  "name": "checka11y-css",
-  "version": "2.0.0",
-  "description": "A CSS stylesheet to quickly highlight a11y concerns.",
-  "main": "checka11y.css",
-  "style": "checka11y.css",
-  "scripts": {
-    "prepublishOnly": "git-branch-is master && is-git-status-clean",
-    "build": "npm run lint:fix && npm run build:errors-and-warnings && npm run build:errors-only && npm run build:warnings-only",
-    "build:errors-and-warnings": "sass --no-source-map src/checka11y.scss ./checka11y.css --style=compressed && sass --no-source-map ./checka11y.css ./checka11y.css --style=expanded && npx postcss checka11y.css --use autoprefixer --replace --no-map",
-    "build:errors-only": "sass --no-source-map src/errors/checka11y-errors.scss ./checka11y-errors.css --style=compressed && sass --no-source-map ./checka11y-errors.css ./checka11y-errors.css --style=expanded && npx postcss checka11y-errors.css --use autoprefixer --replace --no-map",
-    "build:warnings-only": "sass --no-source-map src/warnings/checka11y-warnings.scss ./checka11y-warnings.css --style=compressed && sass --no-source-map ./checka11y-warnings.css ./checka11y-warnings.css --style=expanded && npx postcss checka11y-warnings.css --use autoprefixer --replace --no-map",
-    "lint:check": "stylelint \"**/*.scss\" --max-warnings=0 --ignore-path .gitignore",
-    "lint:fix": "stylelint \"**/*.scss\" --max-warnings=0 --ignore-path .gitignore --fix",
-    "test": "cypress run",
-    "test:ui": "cypress open",
-    "has-no-changes": "is-git-status-clean"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/jackdomleo7/Checka11y.css.git"
-  },
-  "author": {
-    "name": "Jack Domleo",
-    "url": "https://jackdomleo.dev"
-  },
-  "contributors": [
-    "Jack Domleo <jackdomleo7@gmail.com> (https://jackdomleo.dev)",
-    "Dan Spratling <dan@danspratling.dev> (https://github.com/danspratling)",
-    "Savvas Stephanides (https://github.com/SavvasStephanides)",
-    "Veeresh (https://github.com/veerreshr)",
-    "Devin Ford <devindford@outlook.com> (https://github.com/devindford)",
-    "Shaurya Vardhan <gsshaurya@gmail.com> (https://github.com/wulforr)",
-    "Emma Dawson (https://github.com/emmalearnscode)",
-    "Andrey Kudryavtsev (https://github.com/cat-street)",
-    "Alvaro Montoro <alvaromontoro@gmail.com> (https://github.com/alvaromontoro)",
-    "Manaswini Munuguri (https://github.com/Manaswini1832)",
-    "Shona McKenzie (https://github.com/shonamckenzie)",
-    "Ashar Setiawan (https://github.com/azhsetiawan)",
-    "Bogdan Lazar (https://github.com/tricinel)",
-    "Martin Sidorov (https://github.com/Matrix278)",
-    "Shaddam Amru Hasibuan <shaddam.a.h@gmail.com> (https:/github.com/shamahdotdev)",
-    "Tanner Dolby <tannercdolby@gmail.com> (https://github.com/tannerdolby)"
-  ],
-  "keywords": [
-    "checka11y",
-    "checkally",
-    "a11y",
-    "ally",
-    "accessibility"
-  ],
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/jackdomleo7/Checka11y.css/issues"
-  },
-  "homepage": "https://checka11y.jackdomleo.dev",
-  "files": [
-    "src/*",
-    "checka11y.css",
-    "checka11y-errors.css",
-    "checka11y-warnings.css",
-    "postcss.config.js",
-    "README.md",
-    "LICENSE",
-    "CHANGELOG"
-  ],
-  "devDependencies": {
-    "autoprefixer": "^10.3.7",
-    "cypress": "^8.7.0",
-    "git-branch-is": "^4.0.0",
-    "is-git-status-clean": "^1.0.0",
-    "postcss": "^8.3.9",
-    "postcss-cli": "^9.0.1",
-    "sass": "^1.43.2",
-    "stylelint": "^13.13.1",
-    "stylelint-scss": "^3.21.0"
-  },
-  "peerDependencies": {
-    "sass": "1.x"
-  },
-  "peerDependenciesMeta": {
-    "sass": {
-      "optional": true
-    }
-  },
-  "engines": {
-    "node": ">=16",
-    "npm": "8"
-  }
-}
+{
+  "name": "checka11y-css",
+  "version": "2.1.0",
+  "description": "A CSS stylesheet to quickly highlight a11y concerns.",
+  "main": "checka11y.css",
+  "style": "checka11y.css",
+  "scripts": {
+    "prepublishOnly": "git-branch-is master && is-git-status-clean",
+    "build": "npm run lint:fix && npm run build:errors-and-warnings && npm run build:errors-only && npm run build:warnings-only",
+    "build:errors-and-warnings": "sass --no-source-map src/checka11y.scss ./checka11y.css --style=compressed && sass --no-source-map ./checka11y.css ./checka11y.css --style=expanded && npx postcss checka11y.css --use autoprefixer --replace --no-map",
+    "build:errors-only": "sass --no-source-map src/errors/checka11y-errors.scss ./checka11y-errors.css --style=compressed && sass --no-source-map ./checka11y-errors.css ./checka11y-errors.css --style=expanded && npx postcss checka11y-errors.css --use autoprefixer --replace --no-map",
+    "build:warnings-only": "sass --no-source-map src/warnings/checka11y-warnings.scss ./checka11y-warnings.css --style=compressed && sass --no-source-map ./checka11y-warnings.css ./checka11y-warnings.css --style=expanded && npx postcss checka11y-warnings.css --use autoprefixer --replace --no-map",
+    "build:minify": "npm run build && cleancss --batch --batch-suffix .min checka11y.css checka11y-errors.css checka11y-warnings.css",
+    "lint:check": "stylelint \"**/*.scss\" --max-warnings=0 --ignore-path .gitignore",
+    "lint:fix": "stylelint \"**/*.scss\" --max-warnings=0 --ignore-path .gitignore --fix",
+    "test": "cypress run",
+    "test:ui": "cypress open",
+    "has-no-changes": "is-git-status-clean"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/jackdomleo7/Checka11y.css.git"
+  },
+  "author": {
+    "name": "Jack Domleo",
+    "url": "https://jackdomleo.dev"
+  },
+  "contributors": [
+    "Jack Domleo <jackdomleo7@gmail.com> (https://jackdomleo.dev)",
+    "Dan Spratling <dan@danspratling.dev> (https://github.com/danspratling)",
+    "Savvas Stephanides (https://github.com/SavvasStephanides)",
+    "Veeresh (https://github.com/veerreshr)",
+    "Devin Ford <devindford@outlook.com> (https://github.com/devindford)",
+    "Shaurya Vardhan <gsshaurya@gmail.com> (https://github.com/wulforr)",
+    "Emma Dawson (https://github.com/emmalearnscode)",
+    "Andrey Kudryavtsev (https://github.com/cat-street)",
+    "Alvaro Montoro <alvaromontoro@gmail.com> (https://github.com/alvaromontoro)",
+    "Manaswini Munuguri (https://github.com/Manaswini1832)",
+    "Shona McKenzie (https://github.com/shonamckenzie)",
+    "Ashar Setiawan (https://github.com/azhsetiawan)",
+    "Bogdan Lazar (https://github.com/tricinel)",
+    "Martin Sidorov (https://github.com/Matrix278)",
+    "Shaddam Amru Hasibuan <shaddam.a.h@gmail.com> (https:/github.com/shamahdotdev)",
+    "Tanner Dolby <tannercdolby@gmail.com> (https://github.com/tannerdolby)"
+  ],
+  "keywords": [
+    "checka11y",
+    "checkally",
+    "a11y",
+    "ally",
+    "accessibility"
+  ],
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/jackdomleo7/Checka11y.css/issues"
+  },
+  "homepage": "https://checka11y.jackdomleo.dev",
+  "files": [
+    "src/*",
+    "checka11y.css",
+    "checka11y.min.css",
+    "checka11y-errors.css",
+    "checka11y-errors.min.css",
+    "checka11y-warnings.css",
+    "checka11y-warnings.min.css",
+    "postcss.config.js",
+    "README.md",
+    "LICENSE",
+    "CHANGELOG"
+  ],
+  "devDependencies": {
+    "autoprefixer": "^10.4.0",
+    "clean-css": "^5.2.2",
+    "clean-css-cli": "^5.4.2",
+    "cypress": "^8.7.0",
+    "git-branch-is": "^4.0.0",
+    "is-git-status-clean": "^1.0.0",
+    "postcss": "^8.3.11",
+    "postcss-cli": "^9.0.2",
+    "sass": "^1.43.4",
+    "stylelint": "^13.13.1",
+    "stylelint-scss": "^3.21.0"
+  },
+  "peerDependencies": {
+    "sass": "1.x"
+  },
+  "peerDependenciesMeta": {
+    "sass": {
+      "optional": true
+    }
+  },
+  "engines": {
+    "node": ">=16",
+    "npm": "8"
+  }
+}