Cosmic Accessibility

Description

Accessibility Toolbar integration for any Theme. Change Font Size, activate High Contrast or Simple View Mode. Enable the Direct Print Button and add Buttons to link a Document in Simple Language or add a Button to link a Sign Language Page.

This Plugin requires special css markup. You need to manually add them to your style.css or another stylesheet document.

Font Size
If you want to prepare your theme that the visitor can change the font size, it is recommended that you define all font-size definitions except for the html tag in rem values. Then add a pixel value to your site html tag.

html { font-size: 16px; }
body { font-size: inherit; }
h1 { font-size: 2.4rem; }
h2 { font-size: 1.8rem; }
p { font-size: 1rem; }

This ist just an Example and needs further improvement

High Contrast
To make your theme high contrast ready, add extra css to your theme. The accessibility toolbar will simply add a special class “contrast” to your site html.

html.contrast * { color: orange !important; background: black !important; border-color: orange !important; }
html.contrast a { text-decoration: underline !important; }
html.contrast img { filter: grayscale(100%) !important; background: orange !important; border: 2px orange solid !important; }

This ist just an Example and needs further improvement

Simple View
To make your theme simple view ready, add extra css to your theme. The accessibility toolbar will simply add a special class “simplified” to your site html.

html.simplified #header-topbar { display: none !important; }
html.simplified #header-slider { display: none !important; }
html.simplified #site-main { max-width: 720px !important; }

This ist just an Example and needs further improvement

Print View
To make your theme print ready, add extra css to your theme. The accessibility toolbar will simply add a print button to your site.

@media print {
#header-topbar { display: none !important; }
#header-slider { display: none !important; }
}

This ist just an Example and needs further improvement

Simple Language
For some reasons, it is a good idea to provide a summary of the most important informations in simple language. You can either add a pdf or any other document or link a content page with content in simple language.

Sign Language
To make your website more accessible you should provide a video in sign language with a short overview about the most important informations.

Screenshots

  • Frontend
  • Backend

Contributors & Developers

“Cosmic Accessibility” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Cosmic Accessibility” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

  • Version 0.2 :
    • Add german translation
  • Version 0.1 :
    • Initial release