Accessible Zonelets

About

Accessible Zonelets is exactly what is sounds like, Zonelets, but accessible! I went into extensive detail on the changes I made and why in my blog post "Making Your Zonelets Blog More Accessible".

Features

• Added ARIA landmarks/page regions.
• Added ARIA labels to help differentiate between the header and post navigation.
• Added :focus styling for all elements that had :hover styling.
• Added "skip to main content" and "back to top" links.
• Changed links to have better color contrast with the background
• Changed font size to use em instead of pixels.
• Changed post dates to be paragraphs instead of headings.

Styling

The ZIP includes both the default zonelets starter pack and the bonus theme pack! I've gone through all of the themes and made sure they include the new accessibility features, while still keeping them as close to the original as possible.

Any custom stylesheets that work with the original Zonelets should still work for Accessible Zonelets. Just remember to accommodate for the "skip to content" link at the end of the stylesheet.

Licensing

In the spirit of the original Zonelets, Accessible Zonelets is freely distributed under the MIT license.

Back to Code Projects Index