{"id":13490869,"url":"https://github.com/j9t/qa-style-sheet","last_synced_at":"2025-05-01T02:31:01.828Z","repository":{"id":29166330,"uuid":"32696848","full_name":"j9t/qa-style-sheet","owner":"j9t","description":"A style sheet for quality assurance","archived":false,"fork":false,"pushed_at":"2025-04-25T09:55:56.000Z","size":60,"stargazers_count":16,"open_issues_count":2,"forks_count":3,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-04-26T22:17:34.545Z","etag":null,"topics":["bookmarklets","css","qa","quality"],"latest_commit_sha":null,"homepage":"https://meiert.com/en/blog/diagnostic-styling-reloaded/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/j9t.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2015-03-22T21:38:06.000Z","updated_at":"2025-04-25T09:55:59.000Z","dependencies_parsed_at":"2024-01-16T09:08:14.367Z","dependency_job_id":"add43ba0-0feb-41b8-a9bb-63bcfa946e0b","html_url":"https://github.com/j9t/qa-style-sheet","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/j9t%2Fqa-style-sheet","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/j9t%2Fqa-style-sheet/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/j9t%2Fqa-style-sheet/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/j9t%2Fqa-style-sheet/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/j9t","download_url":"https://codeload.github.com/j9t/qa-style-sheet/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251812314,"owners_count":21647885,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bookmarklets","css","qa","quality"],"created_at":"2024-07-31T19:00:51.651Z","updated_at":"2025-05-01T02:31:01.821Z","avatar_url":"https://github.com/j9t.png","language":"HTML","funding_links":[],"categories":["HTML"],"sub_categories":[],"readme":"# QA Style Sheet\n\nThe QA style sheet [looks for a new owner](https://plus.google.com/+JensOMeiert/posts/KGcMaJCP5wY). [Please contact Jens.](https://meiert.com/contact/)\n\n---\n\nThe QA style sheet highlights specific HTML problems like use of deprecated elements, inaccessible images, layout tables, empty elements, or styling-related maintenance issues. Theoretically, it is “unobtrusive” in a sense that when everything’s fine it won’t cause any visible changes.\n\n## 3 Ways to Use the QA Style Sheet\n\n1. Use it on demand as a [**bookmarklet**](https://j9t.github.io/qa-style-sheet/bookmarklet.html): Add the bookmarklet or favelet, respectively, to your bookmarks and access it when needed. When customizing the style sheet better [compress it](https://frontenddogma.com/tools/#exploration-code-optimization), [generate a new bookmarklet](https://www.squarefree.com/userstyles/make-bookmarklet.html), but make sure to add `%20newSS.id%20=%20'x-qa';` to the bookmarklet code to avoid false positives when it comes to style sheet references on a page (this assumes you’re keeping the `#x-qa` selector in the QA style sheet, too).\n\n2. Temporarily import the style sheet in your project’s default style sheet. Do not forget to remove the style sheet reference after [testing](https://j9t.github.io/qa-style-sheet/test.html).\n\n3. Use it permanently as a user style sheet with your browser (userContent.css for Gecko browsers). For more information please see [documentation at CSS-Discuss](https://web.archive.org/web/20180105053457/http://css-discuss.incutio.com/?page=UserStylesheets) or [at About.com](https://web.archive.org/web/20161120013248/http://webdesign.about.com/od/css/ht/htcssuserfirefo.htm). It’s easy though.\n\n## User Agent Support\n\nThe style sheet is supported differently across browsers as it makes some use of CSS 3 selectors, and when it comes to warnings for images, at least Internet Explorer might display errors that must not necessarily be there. To get the most of the QA style sheet test the respective pages with recent releases of Firefox, Safari, Chrome, or Opera.\n\n## Background and Design Considerations\n\nWhile Eric Meyer once published a [comparable style sheet](https://meyerweb.com/eric/thoughts/2007/09/07/diagnostic-styling/), this QA style sheet has a slightly different scope. It spots the following problems, indicated in yellow (warning) and red (error) assuming a modern browser:\n\n* Errors:\n  * deprecated elements like `applet`, `basefont`, `center`, `dir`, `font`, `isindex`, `menu`, `spacer`, or `strike`;\n  * layout tables (nested tables, to be precise);\n  * images (`img` elements) without any `alt` attribute;\n  * anchors with an empty `href` attribute thus pointing to nothing;\n  * `style` attributes.\n* Warnings:\n  * images with an empty `alt` attribute;\n  * anchors linking GIF, JPG, or PNG images as well as PDF documents;\n  * empty `p`, `li`, `th`, `td`, `div`, and `span` elements unless they’re using an `id` attribute;\n  * `style` elements;\n  * more than one `link` elements with `rel=stylesheet` attribute.\n\n---\n\nThe style sheet is unmaintained (as of November 29, 2024). [Contributions welcome.](https://github.com/j9t/qa-style-sheet/issues/new)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fj9t%2Fqa-style-sheet","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fj9t%2Fqa-style-sheet","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fj9t%2Fqa-style-sheet/lists"}