Repository: ireade/alix Branch: master Commit: f4fc1cc8d5bd Files: 26 Total size: 2.3 MB Directory structure: gitextract_oliwq13e/ ├── PRIVACY.md ├── README.md ├── alix_for_chrome/ │ ├── a11y.css/ │ │ ├── a11y-en_advice.css │ │ ├── a11y-en_error.css │ │ ├── a11y-en_obsolete.css │ │ ├── a11y-en_warning.css │ │ ├── a11y-fr_advice.css │ │ ├── a11y-fr_error.css │ │ ├── a11y-fr_obsolete.css │ │ └── a11y-fr_warning.css │ ├── manifest.json │ └── popup/ │ ├── index.html │ ├── script.js │ └── style.css └── alix_web_extension/ ├── a11y.css/ │ ├── a11y-en_advice.css │ ├── a11y-en_error.css │ ├── a11y-en_obsolete.css │ ├── a11y-en_warning.css │ ├── a11y-fr_advice.css │ ├── a11y-fr_error.css │ ├── a11y-fr_obsolete.css │ └── a11y-fr_warning.css ├── manifest.json └── popup/ ├── index.html ├── script.js └── style.css ================================================ FILE CONTENTS ================================================ ================================================ FILE: PRIVACY.md ================================================ # Privacy Policy Alix does not collect or store any information about you. ================================================ FILE: README.md ================================================ ![Alix](alix_for_chrome/icon_128.png) # Alix Alix is a browser extension for a11y.css. It allows you to lint your HTML for Accessibility issues simply by applying a stylesheet that makes use of advanced CSS selectors. Based on [a11y.css](http://ffoodd.github.io/a11y.css/), created by Gaël Poupard. ## Install Alix Chrome | Firefox | Opera | Safari -------|---------|-------|-------- Chrome browser logo | Firefox browser logo | Opera browser logo | Coming Soon ## Demo ![GIF](https://cloud.githubusercontent.com/assets/11269635/23892433/d7c03a4c-089a-11e7-96cc-9ac1cdef5488.gif) ### Options ![Options](https://cloud.githubusercontent.com/assets/11269635/23892436/dac3dcb2-089a-11e7-9b92-dcdf9791d52d.png) - **Language**: The language you want the messages to be displayed in. Choose either between English or French - **Minimum Notice Level**: The minimum level of errors you want to be shown. Choose between the following four options: - **Only Errors** - **Warnings and Errors** - **Obsolete Stuff, Warnings, and Errors** - **Everything** ## Credits and Licence - a11y.css was created by Gaël Poupard, and is distributed under the [MIT licence](http://opensource.org/licenses/MIT) and [CC BY 3.0 FR](http://creativecommons.org/licenses/by/3.0/fr/) - This extension was created by Ire Aderinokun and is distributed under the [MIT licence](http://opensource.org/licenses/MIT) ================================================ FILE: alix_for_chrome/a11y.css/a11y-en_advice.css ================================================ html{counter-reset:error warning obsolete advice}html::after{background-image:linear-gradient(to bottom, transparent, transparent 1.4em,#911 1.4em,#911 1.6em,transparent 1.6em,transparent 2.9em,gold 2.9em,gold 3.1em,transparent 3.1em,transparent 4.4em,#4169e1 4.4em,#4169e1 4.6em,transparent 4.6em,transparent 5.9em,#6b8e23 5.9em,#6b8e23 6.1em,transparent 6.1em, transparent 100%);content:"Errors" ": " counter(error) "\a" "Warnings" ": " counter(warning) "\a" "Obsoletes" ": " counter(obsolete) "\a" "Advices" ": " counter(advice) "\a";background-color:#000;background-position:0.5em 0;background-repeat:no-repeat;background-size:0.5em 100%;bottom:1em;color:#fff;font:700 18px/1.5 "Arial", "Nimbus Sans L", sans-serif;left:1em;padding:0.75em 1em 0.75em 1.5em;position:fixed;right:auto;top:auto;white-space:pre;z-index:2147483647}head{display:block}head *{display:none}[class=""],[class=" "]{counter-increment:advice;outline:4px solid #6b8e23 !important;outline-offset:-4px}[class=""]::before,[class=" "]::before{border-bottom:1px solid !important;border-radius:0 !important;bottom:auto !important;font:400 normal 16px/1.5 monospace !important;height:auto !important;left:0 !important;opacity:0;padding:1em 0;pointer-events:none !important;position:fixed !important;text-align:center !important;text-decoration:none !important;text-transform:none !important;top:0 !important;transform:translateY(-100%) translateZ(0) !important;transition:transform 0.3s ease-in !important;white-space:pre;width:100vw !important;content:"♥  Empty [class] attribute." !important;background:#f6fce9 !important;border-color:#96bf40 !important;color:#4b6020 !important;z-index:2147483644 !important}[class=""]:hover::before,[class=""]:focus::before,[class=" "]:hover::before,[class=" "]:focus::before{opacity:1;transform:translateY(0) translateZ(0) !important}area[class=""],area[class=" "],base[class=""],base[class=" "],br[class=""],br[class=" "],col[class=""],col[class=" "],command[class=""],command[class=" "],embed[class=""],embed[class=" "],hr[class=""],hr[class=" "],img[class=""],img[class=" "],input[class=""],input[class=" "],keygen[class=""],keygen[class=" "],link[class=""],link[class=" "],meta[class=""],meta[class=" "],param[class=""],param[class=" "],source[class=""],source[class=" "],track[class=""],track[class=" "],wbr[class=""],wbr[class=" "],textarea[class=""],textarea[class=" "],select[class=""],select[class=" "],svg[class=""],svg[class=" "],audio[class=""],audio[class=" "],video[class=""],video[class=" "],iframe[class=""],iframe[class=" "]{counter-increment:advice;outline:4px solid #6b8e23 !important;outline-offset:-4px;background-color:rgba(107,142,35,0.25) !important}area[class=""] ~ ::after,area[class=" "] ~ ::after,base[class=""] ~ ::after,base[class=" "] ~ ::after,br[class=""] ~ ::after,br[class=" "] ~ ::after,col[class=""] ~ ::after,col[class=" "] ~ ::after,command[class=""] ~ ::after,command[class=" "] ~ ::after,embed[class=""] ~ ::after,embed[class=" "] ~ ::after,hr[class=""] ~ ::after,hr[class=" "] ~ ::after,img[class=""] ~ ::after,img[class=" "] ~ ::after,input[class=""] ~ ::after,input[class=" "] ~ ::after,keygen[class=""] ~ ::after,keygen[class=" "] ~ ::after,link[class=""] ~ ::after,link[class=" "] ~ ::after,meta[class=""] ~ ::after,meta[class=" "] ~ ::after,param[class=""] ~ ::after,param[class=" "] ~ ::after,source[class=""] ~ ::after,source[class=" "] ~ ::after,track[class=""] ~ ::after,track[class=" "] ~ ::after,wbr[class=""] ~ ::after,wbr[class=" "] ~ ::after,textarea[class=""] ~ ::after,textarea[class=" "] ~ ::after,select[class=""] ~ ::after,select[class=" "] ~ ::after,svg[class=""] ~ ::after,svg[class=" "] ~ ::after,audio[class=""] ~ ::after,audio[class=" "] ~ ::after,video[class=""] ~ ::after,video[class=" "] ~ ::after,iframe[class=""] ~ ::after,iframe[class=" "] ~ ::after{border-bottom:1px solid !important;border-radius:0 !important;bottom:auto !important;font:400 normal 16px/1.5 monospace !important;height:auto !important;left:0 !important;opacity:0;padding:1em 0;pointer-events:none !important;position:fixed !important;text-align:center !important;text-decoration:none !important;text-transform:none !important;top:0 !important;transform:translateY(-100%) translateZ(0) !important;transition:transform 0.3s ease-in !important;white-space:pre;width:100vw !important;content:"♥  Empty [class] attribute." !important;background:#f6fce9 !important;border-color:#96bf40 !important;color:#4b6020 !important;z-index:2147483644 !important}area[class=""]:hover ~ ::after,area[class=""]:focus ~ ::after,area[class=" "]:hover ~ ::after,area[class=" "]:focus ~ ::after,base[class=""]:hover ~ ::after,base[class=""]:focus ~ ::after,base[class=" "]:hover ~ ::after,base[class=" "]:focus ~ ::after,br[class=""]:hover ~ ::after,br[class=""]:focus ~ ::after,br[class=" "]:hover ~ ::after,br[class=" "]:focus ~ ::after,col[class=""]:hover ~ ::after,col[class=""]:focus ~ ::after,col[class=" "]:hover ~ ::after,col[class=" "]:focus ~ ::after,command[class=""]:hover ~ ::after,command[class=""]:focus ~ ::after,command[class=" "]:hover ~ ::after,command[class=" "]:focus ~ ::after,embed[class=""]:hover ~ ::after,embed[class=""]:focus ~ ::after,embed[class=" "]:hover ~ ::after,embed[class=" "]:focus ~ ::after,hr[class=""]:hover ~ ::after,hr[class=""]:focus ~ ::after,hr[class=" "]:hover ~ ::after,hr[class=" "]:focus ~ ::after,img[class=""]:hover ~ ::after,img[class=""]:focus ~ ::after,img[class=" "]:hover ~ ::after,img[class=" "]:focus ~ ::after,input[class=""]:hover ~ ::after,input[class=""]:focus ~ ::after,input[class=" "]:hover ~ ::after,input[class=" "]:focus ~ ::after,keygen[class=""]:hover ~ ::after,keygen[class=""]:focus ~ ::after,keygen[class=" "]:hover ~ ::after,keygen[class=" "]:focus ~ ::after,link[class=""]:hover ~ ::after,link[class=""]:focus ~ ::after,link[class=" "]:hover ~ ::after,link[class=" "]:focus ~ ::after,meta[class=""]:hover ~ ::after,meta[class=""]:focus ~ ::after,meta[class=" "]:hover ~ ::after,meta[class=" "]:focus ~ ::after,param[class=""]:hover ~ ::after,param[class=""]:focus ~ ::after,param[class=" "]:hover ~ ::after,param[class=" "]:focus ~ ::after,source[class=""]:hover ~ ::after,source[class=""]:focus ~ ::after,source[class=" "]:hover ~ ::after,source[class=" "]:focus ~ ::after,track[class=""]:hover ~ ::after,track[class=""]:focus ~ ::after,track[class=" "]:hover ~ ::after,track[class=" "]:focus ~ ::after,wbr[class=""]:hover ~ ::after,wbr[class=""]:focus ~ ::after,wbr[class=" "]:hover ~ ::after,wbr[class=" "]:focus ~ ::after,textarea[class=""]:hover ~ ::after,textarea[class=""]:focus ~ ::after,textarea[class=" "]:hover ~ ::after,textarea[class=" "]:focus ~ ::after,select[class=""]:hover ~ ::after,select[class=""]:focus ~ ::after,select[class=" "]:hover ~ ::after,select[class=" "]:focus ~ ::after,svg[class=""]:hover ~ ::after,svg[class=""]:focus ~ ::after,svg[class=" "]:hover ~ ::after,svg[class=" "]:focus ~ ::after,audio[class=""]:hover ~ ::after,audio[class=""]:focus ~ ::after,audio[class=" "]:hover ~ ::after,audio[class=" "]:focus ~ ::after,video[class=""]:hover ~ ::after,video[class=""]:focus ~ ::after,video[class=" "]:hover ~ ::after,video[class=" "]:focus ~ ::after,iframe[class=""]:hover ~ ::after,iframe[class=""]:focus ~ ::after,iframe[class=" "]:hover ~ ::after,iframe[class=" "]:focus ~ ::after{opacity:1;transform:translateY(0) translateZ(0) !important}[id=""],[id=" "]{counter-increment:advice;outline:4px solid #6b8e23 !important;outline-offset:-4px}[id=""]::before,[id=" "]::before{border-bottom:1px solid !important;border-radius:0 !important;bottom:auto !important;font:400 normal 16px/1.5 monospace !important;height:auto !important;left:0 !important;opacity:0;padding:1em 0;pointer-events:none !important;position:fixed !important;text-align:center !important;text-decoration:none !important;text-transform:none !important;top:0 !important;transform:translateY(-100%) translateZ(0) !important;transition:transform 0.3s ease-in !important;white-space:pre;width:100vw !important;content:"♥  Empty [id] attribute." !important;background:#f6fce9 !important;border-color:#96bf40 !important;color:#4b6020 !important;z-index:2147483644 !important}[id=""]:hover::before,[id=""]:focus::before,[id=" "]:hover::before,[id=" "]:focus::before{opacity:1;transform:translateY(0) translateZ(0) !important}area[id=""],area[id=" "],base[id=""],base[id=" "],br[id=""],br[id=" "],col[id=""],col[id=" "],command[id=""],command[id=" "],embed[id=""],embed[id=" "],hr[id=""],hr[id=" "],img[id=""],img[id=" "],input[id=""],input[id=" "],keygen[id=""],keygen[id=" "],link[id=""],link[id=" "],meta[id=""],meta[id=" "],param[id=""],param[id=" "],source[id=""],source[id=" "],track[id=""],track[id=" "],wbr[id=""],wbr[id=" "],textarea[id=""],textarea[id=" "],select[id=""],select[id=" "],svg[id=""],svg[id=" "],audio[id=""],audio[id=" "],video[id=""],video[id=" "],iframe[id=""],iframe[id=" "]{counter-increment:advice;outline:4px solid #6b8e23 !important;outline-offset:-4px;background-color:rgba(107,142,35,0.25) !important}area[id=""] ~ ::after,area[id=" "] ~ ::after,base[id=""] ~ ::after,base[id=" "] ~ ::after,br[id=""] ~ ::after,br[id=" "] ~ ::after,col[id=""] ~ ::after,col[id=" "] ~ ::after,command[id=""] ~ ::after,command[id=" "] ~ ::after,embed[id=""] ~ ::after,embed[id=" "] ~ ::after,hr[id=""] ~ ::after,hr[id=" "] ~ ::after,img[id=""] ~ ::after,img[id=" "] ~ ::after,input[id=""] ~ ::after,input[id=" "] ~ ::after,keygen[id=""] ~ ::after,keygen[id=" "] ~ ::after,link[id=""] ~ ::after,link[id=" "] ~ ::after,meta[id=""] ~ ::after,meta[id=" "] ~ ::after,param[id=""] ~ ::after,param[id=" "] ~ ::after,source[id=""] ~ ::after,source[id=" "] ~ ::after,track[id=""] ~ ::after,track[id=" "] ~ ::after,wbr[id=""] ~ ::after,wbr[id=" "] ~ ::after,textarea[id=""] ~ ::after,textarea[id=" "] ~ ::after,select[id=""] ~ ::after,select[id=" "] ~ ::after,svg[id=""] ~ ::after,svg[id=" "] ~ ::after,audio[id=""] ~ ::after,audio[id=" "] ~ ::after,video[id=""] ~ ::after,video[id=" "] ~ ::after,iframe[id=""] ~ ::after,iframe[id=" "] ~ ::after{border-bottom:1px solid !important;border-radius:0 !important;bottom:auto !important;font:400 normal 16px/1.5 monospace !important;height:auto !important;left:0 !important;opacity:0;padding:1em 0;pointer-events:none !important;position:fixed !important;text-align:center !important;text-decoration:none !important;text-transform:none !important;top:0 !important;transform:translateY(-100%) translateZ(0) !important;transition:transform 0.3s ease-in !important;white-space:pre;width:100vw !important;content:"♥  Empty [id] attribute." !important;background:#f6fce9 !important;border-color:#96bf40 !important;color:#4b6020 !important;z-index:2147483644 !important}area[id=""]:hover ~ ::after,area[id=""]:focus ~ ::after,area[id=" "]:hover ~ ::after,area[id=" "]:focus ~ ::after,base[id=""]:hover ~ ::after,base[id=""]:focus ~ ::after,base[id=" "]:hover ~ ::after,base[id=" "]:focus ~ ::after,br[id=""]:hover ~ ::after,br[id=""]:focus ~ ::after,br[id=" "]:hover ~ ::after,br[id=" "]:focus ~ ::after,col[id=""]:hover ~ ::after,col[id=""]:focus ~ ::after,col[id=" "]:hover ~ ::after,col[id=" "]:focus ~ ::after,command[id=""]:hover ~ ::after,command[id=""]:focus ~ ::after,command[id=" "]:hover ~ ::after,command[id=" "]:focus ~ ::after,embed[id=""]:hover ~ ::after,embed[id=""]:focus ~ ::after,embed[id=" "]:hover ~ ::after,embed[id=" "]:focus ~ ::after,hr[id=""]:hover ~ ::after,hr[id=""]:focus ~ ::after,hr[id=" "]:hover ~ ::after,hr[id=" "]:focus ~ ::after,img[id=""]:hover ~ ::after,img[id=""]:focus ~ ::after,img[id=" "]:hover ~ ::after,img[id=" "]:focus ~ ::after,input[id=""]:hover ~ ::after,input[id=""]:focus ~ ::after,input[id=" "]:hover ~ ::after,input[id=" "]:focus ~ ::after,keygen[id=""]:hover ~ ::after,keygen[id=""]:focus ~ ::after,keygen[id=" "]:hover ~ ::after,keygen[id=" "]:focus ~ ::after,link[id=""]:hover ~ ::after,link[id=""]:focus ~ ::after,link[id=" "]:hover ~ ::after,link[id=" "]:focus ~ ::after,meta[id=""]:hover ~ ::after,meta[id=""]:focus ~ ::after,meta[id=" "]:hover ~ ::after,meta[id=" "]:focus ~ ::after,param[id=""]:hover ~ ::after,param[id=""]:focus ~ ::after,param[id=" "]:hover ~ ::after,param[id=" "]:focus ~ ::after,source[id=""]:hover ~ ::after,source[id=""]:focus ~ ::after,source[id=" "]:hover ~ ::after,source[id=" "]:focus ~ ::after,track[id=""]:hover ~ ::after,track[id=""]:focus ~ ::after,track[id=" "]:hover ~ ::after,track[id=" "]:focus ~ ::after,wbr[id=""]:hover ~ ::after,wbr[id=""]:focus ~ ::after,wbr[id=" "]:hover ~ ::after,wbr[id=" "]:focus ~ ::after,textarea[id=""]:hover ~ ::after,textarea[id=""]:focus ~ ::after,textarea[id=" "]:hover ~ ::after,textarea[id=" "]:focus ~ ::after,select[id=""]:hover ~ ::after,select[id=""]:focus ~ ::after,select[id=" "]:hover ~ ::after,select[id=" "]:focus ~ ::after,svg[id=""]:hover ~ ::after,svg[id=""]:focus ~ ::after,svg[id=" "]:hover ~ ::after,svg[id=" "]:focus ~ ::after,audio[id=""]:hover ~ ::after,audio[id=""]:focus ~ ::after,audio[id=" "]:hover ~ ::after,audio[id=" "]:focus ~ ::after,video[id=""]:hover ~ ::after,video[id=""]:focus ~ ::after,video[id=" "]:hover ~ ::after,video[id=" "]:focus ~ ::after,iframe[id=""]:hover ~ ::after,iframe[id=""]:focus ~ ::after,iframe[id=" "]:hover ~ ::after,iframe[id=" "]:focus ~ ::after{opacity:1;transform:translateY(0) translateZ(0) !important}main:not(:first-of-type){counter-increment:advice;outline:4px solid #6b8e23 !important;outline-offset:-4px}main:not(:first-of-type)::before{border-bottom:1px solid !important;border-radius:0 !important;bottom:auto !important;font:400 normal 16px/1.5 monospace !important;height:auto !important;left:0 !important;opacity:0;padding:1em 0;pointer-events:none !important;position:fixed !important;text-align:center !important;text-decoration:none !important;text-transform:none !important;top:0 !important;transform:translateY(-100%) translateZ(0) !important;transition:transform 0.3s ease-in !important;white-space:pre;width:100vw !important;content:"♥  The
tag is exclusively restricted to the main content area, thus should be unique :)." !important;background:#f6fce9 !important;border-color:#96bf40 !important;color:#4b6020 !important;z-index:2147483644 !important}main:not(:first-of-type):hover::before,main:not(:first-of-type):focus::before{opacity:1;transform:translateY(0) translateZ(0) !important}figcaption:not(:only-of-type){counter-increment:advice;outline:4px solid #6b8e23 !important;outline-offset:-4px}figcaption:not(:only-of-type)::before{border-bottom:1px solid !important;border-radius:0 !important;bottom:auto !important;font:400 normal 16px/1.5 monospace !important;height:auto !important;left:0 !important;opacity:0;padding:1em 0;pointer-events:none !important;position:fixed !important;text-align:center !important;text-decoration:none !important;text-transform:none !important;top:0 !important;transform:translateY(-100%) translateZ(0) !important;transition:transform 0.3s ease-in !important;white-space:pre;width:100vw !important;content:"♥  The
tag describes a
content, thus should be unique in these
. \a Oups!" !important;background:#f6fce9 !important;border-color:#96bf40 !important;color:#4b6020 !important;z-index:2147483644 !important}figcaption:not(:only-of-type):hover::before,figcaption:not(:only-of-type):focus::before{opacity:1;transform:translateY(0) translateZ(0) !important}figcaption:not(:first-child):not(:last-child){counter-increment:advice;outline:4px solid #6b8e23 !important;outline-offset:-4px}figcaption:not(:first-child):not(:last-child)::before{border-bottom:1px solid !important;border-radius:0 !important;bottom:auto !important;font:400 normal 16px/1.5 monospace !important;height:auto !important;left:0 !important;opacity:0;padding:1em 0;pointer-events:none !important;position:fixed !important;text-align:center !important;text-decoration:none !important;text-transform:none !important;top:0 !important;transform:translateY(-100%) translateZ(0) !important;transition:transform 0.3s ease-in !important;white-space:pre;width:100vw !important;content:"♥  The
tag is supposed to be
’s first or last child. \a You learn something every day!" !important;background:#f6fce9 !important;border-color:#96bf40 !important;color:#4b6020 !important;z-index:2147483644 !important}figcaption:not(:first-child):not(:last-child):hover::before,figcaption:not(:first-child):not(:last-child):focus::before{opacity:1;transform:translateY(0) translateZ(0) !important}[href^="mailto"]{counter-increment:advice;outline:4px solid #6b8e23 !important;outline-offset:-4px}[href^="mailto"]::before{border-bottom:1px solid !important;border-radius:0 !important;bottom:auto !important;font:400 normal 16px/1.5 monospace !important;height:auto !important;left:0 !important;opacity:0;padding:1em 0;pointer-events:none !important;position:fixed !important;text-align:center !important;text-decoration:none !important;text-transform:none !important;top:0 !important;transform:translateY(-100%) translateZ(0) !important;transition:transform 0.3s ease-in !important;white-space:pre;width:100vw !important;content:"♥  This email is valid, isn’t it?" !important;background:#f6fce9 !important;border-color:#96bf40 !important;color:#4b6020 !important;z-index:2147483644 !important}[href^="mailto"]:hover::before,[href^="mailto"]:focus::before{opacity:1;transform:translateY(0) translateZ(0) !important}[href^="tel"]{counter-increment:advice;outline:4px solid #6b8e23 !important;outline-offset:-4px}[href^="tel"]::before{border-bottom:1px solid !important;border-radius:0 !important;bottom:auto !important;font:400 normal 16px/1.5 monospace !important;height:auto !important;left:0 !important;opacity:0;padding:1em 0;pointer-events:none !important;position:fixed !important;text-align:center !important;text-decoration:none !important;text-transform:none !important;top:0 !important;transform:translateY(-100%) translateZ(0) !important;transition:transform 0.3s ease-in !important;white-space:pre;width:100vw !important;content:"♥  Will I call a real phone number?" !important;background:#f6fce9 !important;border-color:#96bf40 !important;color:#4b6020 !important;z-index:2147483644 !important}[href^="tel"]:hover::before,[href^="tel"]:focus::before{opacity:1;transform:translateY(0) translateZ(0) !important}a[role="button"]{counter-increment:advice;outline:4px solid #6b8e23 !important;outline-offset:-4px}a[role="button"]::before{border-bottom:1px solid !important;border-radius:0 !important;bottom:auto !important;font:400 normal 16px/1.5 monospace !important;height:auto !important;left:0 !important;opacity:0;padding:1em 0;pointer-events:none !important;position:fixed !important;text-align:center !important;text-decoration:none !important;text-transform:none !important;top:0 !important;transform:translateY(-100%) translateZ(0) !important;transition:transform 0.3s ease-in !important;white-space:pre;width:100vw !important;content:"♥  This link is disguised as a button. A real