As we all know, not everyone uses the web the same way.
Some subscribers may require a higher contrast view to use your site. Subscribers with various disabilities often require assistive technology to access the web.
With these users in mind, accessibility is important when customizing the Omnilert Subscriber Portal.
Out of the gate, the Omnilert Subscriber Portal and its default CSS are designed to be accessible for the majority of the assistive browsers on the market.*
Of course, you may wish to customize your Subscriber Portal's fonts and colors. (See Subscriber Portal: Simple Customization [VIDEO]).
The stylesheet can greatly affect your portal's compliance with regard to accessibility. Here are some tips to help keep your subscriber portal and its CSS accessible:
Custom CSS
When adjusting CSS, you can change almost any section of the portal to your liking. (See Subscriber Portal: Custom CSS)
Buttons and links tend to be the focal point for accessibility issues. The following example has the key CSS tags with regard to buttons and links.
.btn-submit {
width: 100%;
background-color: #215916;
color: #fff;
padding: 10px 16px;
line-height: 1.3333333;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.text-muted {
color: #555559;
}
.btn-link {
background: transparent;
border: transparent;
color: #555559;
padding: 0 10px 0 0;
text-decoration: none;
}
fieldset h3 {
padding: 0;
margin: 0;
color: #555559;
font-size: 14px;
}
.reset-text a {
color: #555559;
text-decoration: none;
}
.alert-warning a {
color: #5f4b29;
text-decoration: none;
}
We recommend keeping the contrast of these items high to ensure that all subscribers can navigate the site with ease.
Page information / instructions
Be sure to set custom verbiage (title and basic instructions) within the Subscriber Portal settings. (See Subscriber Portal: Custom Verbiage)
If these settings are left completely empty, your portal may not pass when checked with an automated accessibility scan.
*To ensure accessibility, the default Omnilert Subscriber Portal is tested with two standard accessibility testing tools: axe and WAVE.
Comments
0 comments
Please sign in to leave a comment.