Skip to content

Web design pattern library for accessible and inclusive user experiences

License

Notifications You must be signed in to change notification settings

kldickenson/inclusive-web-design-patterns

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Inclusive Web Design Pattern Library

This repository presents a set of open-sourced HTML templates and components that have been desigen with inclusivness and accessibility in mind.

The patterns have been largely based and inpired by the amazing work done by designer and developer Heydon Pickering in his book Inclusive Design Patterns: Coding Accessibility into Web Design. This book is a must read for the modern web designer. Buy his book here

What's inluded

Each template and component was developed using semantic HTML and minimally styled with CSS so that you can use it more easily in your projects.

Blog Post (blog-post.html)

This lean, semantic template focuses on hierarchy, source order, and structure to ensure the post is useful to screen readers.

  • A log-in form
  • More to come!

HTML5 template (similar to Blog Post)

css/fonts.css

When using web-based fonts

About

Web design pattern library for accessible and inclusive user experiences

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 53.5%
  • HTML 45.3%
  • JavaScript 1.2%