Support » Plugin: Contact Form 7 » Aria Atomic Bug

  • Resolved Dave

    (@csn123)


    @takayukister, there appears to be a bug with the line that reads:

    <div class="screen-reader-response" role="alert" aria-live="polite" style="z-index: 2147483646;"></div>

    According to an accessibility checker:

    The page contains an error container made with the WAI-ARIA role=”alert” attribute, but it does not contain a WAI-ARIA attribute that will make sure all assistive technologies can read the error message after more than one invalid submission.

    To make sure that all assistive technologies will read the error message after more than one invalid submission, you need to add the WAI-ARIA attribute aria-atomic=”true” to the error container tag.

    Can this ARIA tag be added to the next version of CF7, or if that’s not possible, is there a way to manually add this without directly editing the plugin?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Dave

    (@csn123)

    It also applies to this line too:

    <div class="wpcf7-response-output" role="alert" aria-hidden="true" style=""></div>

    Plugin Author Takayuki Miyoshi

    (@takayukister)

    Thanks for the information. I’ll consider using the aria-atomic attribute in the next major update of the plugin.

    Thanks.

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