{"id":13397051,"url":"https://github.com/mike-engel/a11y-css-reset","last_synced_at":"2025-04-05T09:05:10.858Z","repository":{"id":48191094,"uuid":"192977849","full_name":"mike-engel/a11y-css-reset","owner":"mike-engel","description":"A small set of global rules to make things accessible and reset default styling","archived":false,"fork":false,"pushed_at":"2022-07-20T09:01:29.000Z","size":41,"stargazers_count":265,"open_issues_count":0,"forks_count":10,"subscribers_count":9,"default_branch":"master","last_synced_at":"2025-03-29T08:04:11.598Z","etag":null,"topics":["a11y","accessibility","css","reset","reset-css"],"latest_commit_sha":null,"homepage":null,"language":"CSS","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/mike-engel.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-06-20T19:39:16.000Z","updated_at":"2025-03-21T18:41:15.000Z","dependencies_parsed_at":"2022-09-17T11:12:47.135Z","dependency_job_id":null,"html_url":"https://github.com/mike-engel/a11y-css-reset","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mike-engel%2Fa11y-css-reset","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mike-engel%2Fa11y-css-reset/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mike-engel%2Fa11y-css-reset/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mike-engel%2Fa11y-css-reset/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mike-engel","download_url":"https://codeload.github.com/mike-engel/a11y-css-reset/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247312077,"owners_count":20918344,"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":["a11y","accessibility","css","reset","reset-css"],"created_at":"2024-07-30T18:01:10.198Z","updated_at":"2025-04-05T09:05:10.804Z","avatar_url":"https://github.com/mike-engel.png","language":"CSS","funding_links":[],"categories":["CSS"],"sub_categories":[],"readme":"# a11y-css-reset\n\n\u003e Global CSS rules to improve accessibility in your site and make your life easier\n\nIncluded are three stylesheets you can include in your sites. One is strictly best practice CSS rules for accessibility, and another is what I consider to be best practices for starting development. The third combines them into a single stylesheet. These are meant to be used with the CSS [`@import` at-rule](https://developer.mozilla.org/en-US/docs/Web/CSS/@import).\n\nThis project is available on npm and [unpkg](https://unpkg.com/) so things should be fast as well as versioned! For more info about versioning, read the [examples](https://unpkg.com/#examples) section of unpkg's website.\n\n## Usage\n\n### accessibility only\n\nIf you just want some CSS rules focused on accessibility, include the `a11y` stylesheet _before_ any other CSS rules you write. You can see the current ruleset deployed by opening the url for [a11y.css](https://unpkg.com/a11y-css-reset/a11y.css);\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n  \u003chead\u003e\n    \u003ctitle\u003eHey y'all\u003c/title\u003e\n    \u003clink rel=\"stylesheet\" href=\"https://unpkg.com/a11y-css-reset/a11y.css\" /\u003e\n    \u003clink rel=\"stylesheet\" href=\"main.css\" /\u003e\n  \u003c/head\u003e\n  \u003cbody\u003e\n    \u003ch1\u003eHi 👋\u003c/h1\u003e\n  \u003c/body\u003e\n\u003c/html\u003e\n```\n\n```css\n@import url(\"https://unpkg.com/a11y-css-reset/a11y.css\");\n\n/* more rules here! */\nul {\n  list-style-type: disc;\n}\n```\n\n### reset only\n\nIf you just want some CSS rules focused on providing a better out-of-the-box dev experience, include the `reset` stylesheet _before_ any other CSS rules you write. You can see the current ruleset deployed by opening the url for [reset.css](https://unpkg.com/a11y-css-reset/reset.css);\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n  \u003chead\u003e\n    \u003ctitle\u003eHey y'all\u003c/title\u003e\n    \u003clink rel=\"stylesheet\" href=\"https://unpkg.com/a11y-css-reset/reset.css\" /\u003e\n    \u003clink rel=\"stylesheet\" href=\"main.css\" /\u003e\n  \u003c/head\u003e\n  \u003cbody\u003e\n    \u003ch1\u003eHi 👋\u003c/h1\u003e\n  \u003c/body\u003e\n\u003c/html\u003e\n```\n\n```css\n@import url(\"https://unpkg.com/a11y-css-reset/reset.css\");\n\n/* more rules here! */\nul {\n  list-style-type: disc;\n}\n```\n\n### the combo\n\nIf you just both the `reset` and `a11y` stylesheets, include the `combo` stylesheet _before_ any other CSS rules you write. You can see the current ruleset deployed by opening the url for [combo.css](https://unpkg.com/a11y-css-reset/combo.css);\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n  \u003chead\u003e\n    \u003ctitle\u003eHey y'all\u003c/title\u003e\n    \u003clink rel=\"stylesheet\" href=\"https://unpkg.com/a11y-css-reset/combo.css\" /\u003e\n    \u003clink rel=\"stylesheet\" href=\"main.css\" /\u003e\n  \u003c/head\u003e\n  \u003cbody\u003e\n    \u003ch1\u003eHi 👋\u003c/h1\u003e\n  \u003c/body\u003e\n\u003c/html\u003e\n```\n\n```css\n@import url(\"https://unpkg.com/a11y-css-reset/combo.css\");\n\n/* more rules here! */\nul {\n  list-style-type: disc;\n}\n```\n\n### Via JS\n\nIf you are able to include CSS from within your javascript files through something like webpack, this project is also available from npm. Unlike the CSS at-rule, this does _not_ need to come before any other rules. It should be near the top due to the cascading nature of CSS, however.\n\n```js\nimport \"~a11y-css-reset/a11y.css\";\nimport \"~a11y-css-reset/reset.css\";\nimport \"~a11y-css-reset/combo.css\";\n```\n\n## Contributing\n\nPlease note that this project is released with a [Contributor Code of Conduct](CODE_OF_CONDUCT.md). By participating in this project you agree to abide by its terms.\n\nIssues and pull requests are welcome!.\n\nThis project is pure CSS—no preprocessing, no development environment to setup, nada! Just plain ol' CSS.\n\n## [License](LICENSE.md)\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --\u003e\n\u003c!-- prettier-ignore --\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://www.mike-engel.com\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/464447?v=4\" width=\"100px;\" alt=\"Mike Engel\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eMike Engel\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"#question-mike-engel\" title=\"Answering Questions\"\u003e💬\u003c/a\u003e \u003ca href=\"https://github.com/mike-engel/a11y-css-reset/issues?q=author%3Amike-engel\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e \u003ca href=\"https://github.com/mike-engel/a11y-css-reset/commits?author=mike-engel\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"#review-mike-engel\" title=\"Reviewed Pull Requests\"\u003e👀\u003c/a\u003e \u003ca href=\"#maintenance-mike-engel\" title=\"Maintenance\"\u003e🚧\u003c/a\u003e \u003ca href=\"#infra-mike-engel\" title=\"Infrastructure (Hosting, Build-Tools, etc)\"\u003e🚇\u003c/a\u003e \u003ca href=\"#example-mike-engel\" title=\"Examples\"\u003e💡\u003c/a\u003e \u003ca href=\"https://github.com/mike-engel/a11y-css-reset/commits?author=mike-engel\" title=\"Documentation\"\u003e📖\u003c/a\u003e \u003ca href=\"#ideas-mike-engel\" title=\"Ideas, Planning, \u0026 Feedback\"\u003e🤔\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/lukehler\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/25492369?v=4\" width=\"100px;\" alt=\"Luke Ehler\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eLuke Ehler\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/mike-engel/a11y-css-reset/commits?author=lukehler\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/qpowell\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/1351050?v=4\" width=\"100px;\" alt=\"Quinten Powell\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eQuinten Powell\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/mike-engel/a11y-css-reset/commits?author=qpowell\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://gitlab.com/toastal\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/561087?v=4\" width=\"100px;\" alt=\"toastal\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003etoastal\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/mike-engel/a11y-css-reset/commits?author=toastal\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://notiv.org/\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/10743009?v=4\" width=\"100px;\" alt=\"Mikhail Novikov\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eMikhail Novikov\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/mike-engel/a11y-css-reset/commits?author=notiv-nt\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://www.offirmo.net/\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/603503?v=4\" width=\"100px;\" alt=\"offirmo\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eoffirmo\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"#ideas-Offirmo\" title=\"Ideas, Planning, \u0026 Feedback\"\u003e🤔\u003c/a\u003e \u003ca href=\"https://github.com/mike-engel/a11y-css-reset/commits?author=Offirmo\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmike-engel%2Fa11y-css-reset","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmike-engel%2Fa11y-css-reset","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmike-engel%2Fa11y-css-reset/lists"}