Improve WCAG Accessibility

The default CSS for EWA will not pass AA WCAG standards for some of the pages and fields. This guide hopes to help deal with some of the major issues but will not be able to perfectly meet compliance.

By adding the CSS below into the Global CSS in the Admin panel many of the user facing pages will score much higher on the WCAG scale.

Global CSS

CODE


.nav-link  {
    color: #0065CB;
}

.btn-success {
    background-color: #007D3E !important;
    border-color: #007D3E !important;
}

.btn-info {
    background-color: #177DB8 !important;
    border-color: #177DB8 !important;
}
.btn-outline-primary {
    background-color: #177DB8 !important;
    border-color: #177DB8 !important;
    color: #FFFFFF !important;
}
.btn-link nav-link 
{
  color: #4367FF;
}

.navbar-dark .navbar-nav .nav-link
{
    color: #FFFFFF !important;
}
.card-header > div > a
{
  color: #2d55fb;
}
.card-header > div > .badge-secondary
{
  color: #FFFFFF;
}

.card-text a
{
  color: #4367FF;
}
#ewa-app-footer a {
  color: #4367FF;
}
.list-inline-item a
{
  color: #4367FF;
}
div[is-html-field] a
{
  color: #4367FF !important;
}