Collection of semantic and accessible HTML patterns:
- Page. Minimum html code required for any webpage
- Abbreviations and acronyms
- Accordion
- Address
- Alert
- Breadcrumb
- Buttons
- Carousel
- Charts
- Command line interfaces
- Contact
- Content changes
- Conversations
- Cookies banner
- Creative work
- Credit card form
- Footnotes
- Form fields
- Glosary
- Headers
- Hidden elements
- Icon link & buttons
- Language switcher
- License
- List
- Menu
- Metadata
- Navigation
- Payment form
- Pagination
- Passwords in forms
- Product list
- Quotes
- Range input
- Scalar values
- Search
- Table of contents
- Tables
- Tabs
- Top bar
Useful links:
- https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
- https://www.htmhell.dev/adventcalendar/2023/8/
- https://www.w3.org/WAI/ARIA/apg/patterns/
Contributions like issues or pull request are highly appreciated.