Follow for free plugins, new theme releases and theme news
Plugin 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
