Search module accessibility

  • Hello –

    I work on a development team for the State of Missouri. We are required to comply with Section 508 accessibility. When using the search module, it generates web accessibility errors (missing label for onsearch box, missing text for search button)

    The search input needs an id set and a hidden search label added.

    The search button needs hidden search text applied

    Visit the report here: https://wave.webaim.org/report#/https://at.mo.gov (look under errors)

    The hidden css class needs these properties

    .sr-only {

    1. position: absolute;
    2. width: 1px;
    3. height: 1px;
    4. margin: -1px;
    5. padding: 0;
    6. overflow: hidden;
    7. clip: rect(0, 0, 0, 0);
    8. border: 0;

    We are using Colibri version Version 1.0.276

    Or is there a workaround you can share?

    Thank you so much for your time, Lainie

    The page I need help with: [log in to see the link]

  • You must be logged in to reply to this topic.