Okay
  Public Ticket #3236808
ADA Compliance
Closed

Comments

  • Michael D\'Onofrio started the conversation

    The powerful filter plugin is not in ADA compliance.  The drop down fields and carrot are too light.  I'm trying to change this, but no matter what css or classes I put together, it's ignoring it.

    Can you provide me with the proper custom css to change these colors to black or #333 - so they can be read by people who have low vision.

    Also would you consider putting your product in ADA compliance.  I work closely with the auditors and I know a lot of use it for higher education and it needs to be ADA compliant.

    Seems like a relatively simple change within your plugin?  

    Thanks 

    Carol

    Attached files:  style-issue.JPG

  •  1,846
    Miloš replied

    Hi, Carol

    Thanks for reaching out to us.

    At this time, unfortunately, we are still not 100% WCAG/ADA compatible, but we plan to do this in the future.

    We can't say an ETA right now, because our priority tasks depend on the number of users who ask for a certain development feature, or an improvement;

    but we will do our absolute best to work on becoming completely WCAG/ADA compatible as soon as possible.

    If you'd like, you can certainly follow our changeLog page, where we state any changes/new features/bug fixes during updates;

    and our newsletter, so you're informed about new features, bug fixes, freebies, etc.

    -

    In regards to using CSS to add custom styles/colors, we can help you with that.

    Please try these CSS selectors :

    .wpdt-c.wdt-skin-light .wpDataTablesWrapper .dataTables_length .bootstrap-select.length_menu {
       
        background-color: black !important;
    }
    .wpdt-c .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 100%;
        background-color: black !important;
    }
    .wpdt-c a {
        
        background-color: black !important;
        color: white !important;
    }
    .wpdt-c .bootstrap-select .bs-searchbox input {
         background-color: black !important;
        color: white !important;
        
    }
    9947125852.png

    The last one for the searchbox input i added as optional, if you don't need that one, you can remove it, off course.

    If you need this for a specific table, add it to the table's Customize/Custom CSS,

    but if you need it for all tables, paste it in main plugin settings/Custom JS and CSS/Custom CSS.

    Let me know if this helps, at least while our developers don't complete the accessibility compatibility of our plugin.

    Thank you

    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables