Frontend Submission accessibility issues

Support MB Frontend Submission Frontend Submission accessibility issuesResolved

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #38577
    Richard HawkinsRichard Hawkins
    Participant

    Thank you for an amazing plugin.

    I think there are some accessibility issues (or at least important improvements could be made) with the frontend submission form:

    1. At present, the field descriptions will not be read out by a screen reader. Ideally each input should have an aria-labelledby or aria-describedby relationship, referencing the field description id (if there is one). This is vital for forms where the label is short but the description gives important extra information, to help users answer the question or fill-in the input. See: https://www.w3.org/WAI/tutorials/forms/instructions/#using-aria-describedby

    2. Radio buttons are not grouped into a <fieldset>, if they were, the heading would then be read out by a screenreader along with the options, which would make it easier to understand for those users. See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio

    3. The WYSIWIG editor is not labelled correctly in various places, but I'm still working that out, I just know something is not right with the way it works for screenreaders. I'll add more detail once I've done that!

    #38584
    Long NguyenLong Nguyen
    Moderator

    Hi Richard,

    Thanks for your feedback.

    I'm going to inform the development team to consider improving the field appearance to be compatible with the screen reader feature in future updates.

    #38588
    Richard HawkinsRichard Hawkins
    Participant

    Thanks Long, at some point if you get (even a rough) idea of timeframe on those updates that would be appreciated.

    #41625
    Richard HawkinsRichard Hawkins
    Participant

    I see these have been made in a recent update, thank you team!

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.