a11y.css

a11y.css provides warnings about possible risks and mistakes that exist in HTML.

What is a11y.css?

a11y.css is a Chrome extension developed by gael.poupard, and its main feature is "a11y.css provides warnings about possible risks and mistakes that exist in HTML.".

Extension Screenshots

screenshot
screenshot
screenshot
screenshot

Download a11y.css Extension CRX File

Download a11y.css extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        First a11y.css was a bookmarklet inserting a stylesheet into the page.

This CSS file intends to warn developers about possible risks and mistakes that exist in HTML code. It can also be used to roughly evaluate a site's quality by simply including it as an external stylesheet.


This extension does the same, plus adds some tools:

— Outline focus (keyboard navigation)
— Show languages used (relies on lang attributes)
—Check alt and title attributes on images


You can submit your bugs on github.

Original bookmarklet code: Gaël Poupard
Extension code: Stéphane Deschamps
Thanks to Anthony Ricaud and Mathieu Pillard for their help!                    

Extension Basic Information

Name a11y.css a11y.css
ID iolfinldndiiobhednboghogkiopppid
Official URL https://chromewebstore.google.com/detail/a11ycss/iolfinldndiiobhednboghogkiopppid
Description a11y.css provides warnings about possible risks and mistakes that exist in HTML.
File Size 596 KB
Installation Count 2,303
Current Version 2.0.1
Last Updated 2023-08-23
Publish Date 2019-05-10
Rating 3.75/5 Total 4 Ratings
Developer gael.poupard
Email [email protected]
Payment Type free
Extension Website https://ffoodd.github.io/a11y.css
Help Page URL https://github.com/ffoodd/a11y.css-webextension
Supported Languages en,fr,es,pl,el,ru
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "a11y.css",
    "description": "a11y.css provides warnings about possible risks and mistakes that exist in HTML.",
    "version": "2.0.1",
    "default_locale": "en",
    "minimum_chrome_version": "93",
    "permissions": [
        "activeTab",
        "tabs",
        "storage",
        "scripting"
    ],
    "action": {
        "default_title": "a11y.css",
        "default_popup": "popup\/index.html",
        "default_icon": {
            "19": "icons\/a11y-css_19.png",
            "38": "icons\/a11y-css_38.png"
        }
    },
    "background": {
        "service_worker": "\/scripts\/background\/main.js",
        "type": "module"
    },
    "content_scripts": [
        {
            "matches": [
                "*:\/\/*\/*"
            ],
            "js": [
                "\/scripts\/injected\/alt.js"
            ],
            "css": [
                "\/scripts\/injected\/alt.css"
            ],
            "run_at": "document_end"
        }
    ],
    "icons": {
        "16": "icons\/a11y-css_16.png",
        "48": "icons\/a11y-css_48.png",
        "128": "icons\/a11y-css_128.png"
    },
    "web_accessible_resources": [
        {
            "resources": [
                "icons\/info.svg",
                "icons\/ko.svg",
                "icons\/ok.svg",
                "scripts\/injected\/*",
                "css\/*"
            ],
            "matches": [
                "*:\/\/*\/*"
            ]
        }
    ]
}