
Research
Security News
The Growing Risk of Malicious Browser Extensions
Socket researchers uncover how browser extensions in trusted stores are used to hijack sessions, redirect traffic, and manipulate user behavior.
accessible-html-content-patterns
Advanced tools
A collection of the full HTML5 Doctor Element Index as well as common markup patterns for quick reference.
A collection of the full HTML5 Doctor Element Index, minus the <command>
and <menu>
tags (which have poor browser support), as well as common markup patterns for quick reference.
There are countless little gotchas and quirks to remember when writing markup, even for basic components. This is an attempt to capture and centralize them.
Use this as a starting point when creating your base markup and styling for a stable, progressively enhanced foundation to your site or app, or cherry-pick as needed.
There are a few of ways to work with this repo:
https://github.com/ericwbailey/accessible-html-content-patterns.git
npm i accessible-html-content-patterns
curl -o accessible-html-content-patterns.html https://raw.githubusercontent.com/ericwbailey/accessible-html-content-patterns/master/docs/index.html
To review any changes you make locally, run make build
from the command line. This will stitch the handlebar templates together to update docs/index.html
.
Are suggestions only, or used for internal navigation/reference. Don't feel you need to include them if they're not relevant to your component's needs.
Tabs, indentation, comments, etc. are my personal preference. It's more important to be consistent than literal when using for your own project. Use EditorConfig to help make this easier.
This page has been tested via the Chrome DevTools Accessibility Audit, as well as WebAIM's WAVE and Deque System's aXe accessibility testing browser extensions, as well as Khan Academy's tota11y bookmarklet.
Answers to specific warnings issues are available on the repo's Wiki.
A note about ARIA: ARIA is a band-aid and not a cure-all. Use semantic markup whenever possible.
Contributions are welcome!
FAQs
A collection of the full HTML5 Doctor Element Index as well as common markup patterns for quick reference.
The npm package accessible-html-content-patterns receives a total of 8 weekly downloads. As such, accessible-html-content-patterns popularity was classified as not popular.
We found that accessible-html-content-patterns demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 2 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket researchers uncover how browser extensions in trusted stores are used to hijack sessions, redirect traffic, and manipulate user behavior.
Research
Security News
An in-depth analysis of credential stealers, crypto drainers, cryptojackers, and clipboard hijackers abusing open source package registries to compromise Web3 development environments.
Security News
pnpm 10.12.1 introduces a global virtual store for faster installs and new options for managing dependencies with version catalogs.