campuspress/divi-accessibility

I think this plugin is creating ADA issues with the social media links module

mrbm opened this issue · 1 comments

mrbm commented

I started reviewing the social media module and why it keeps getting contrast errors vs the demo sites on divi not having. contrast errors.

Upon reviewing the rendered code...on this area of code:
<span class="et_pb_social_media_follow_network_name" aria-hidden="true">Facebook</span>

.da11y-screen-reader-text, .et_pb_contact_form_label, .et_pb_search .screen-reader-text, .et_pb_social_media_follow_network_name, .widget_search .screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    -webkit-font-smoothing: subpixel-antialiased;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
    font-size: 1em;
    font-weight: 600;
    height: 1px;
    letter-spacing: normal;
    line-height: normal;
    overflow: hidden;
    position: absolute!important;
    text-shadow: none;
    text-transform: none;
    width: 1px;
}

.et_pb_contact_form_label, .et_pb_search .screen-reader-text, .et_pb_social_media_follow_network_name, .widget_search .screen-reader-text {
    display: block!important;
}

Any ideas?

gjeflec commented