WordPress.org

Support

Support » Plugins and Hacks » This plugin is not WCAG accessible

This plugin is not WCAG accessible

Viewing 6 replies - 1 through 6 (of 6 total)
  • The form elements need to have <label for=”field_id”>text here</label> tags on them… where the for=”” should be the ID value of the field generated by CF7.

    What can be done to get this moved up to a top priority?

    I can’t believe that the plugin is not accessible like this.

    Plugin Author Takayuki Miyoshi
    Participant

    @takayukister

    Hi Takayuki,

    Thanks for the link, but that doesn’t help make it accessible.

    A form element must have a label with it.

    So, where a text field like name would be put in, it should be like this…
    <label for=”name”>Name:</label><input type=”text” value=”name” id=”name” />

    The plugin is not putting in the <label> tags.

    As a side note, the “for” value should equal the “id” value.

    Plugin Author Takayuki Miyoshi
    Participant

    @takayukister

    The plugin allows you to put <label> tags in your form as well as other HTML structures.

    Can you tell me how to do that? When I go into the CF7, I don’t see how it adds the labels. Do I need to do that manually on the left-side “Form” field?

    esmi
    Forum Moderator

    @esmi

    Yes. For example, the forum at http://quirm.net/contact/ uses the following in the form field:

    <p><label for="name">Name (required)</label>
        [text* your-name akismet:author id:name] </p>
    
    <p><label for="email">Email Address (required)</label>
        [email* your-email akismet:author_email id:email] </p>
    
    <p><label for="subject">Subject (required)</label>
        [select* your-subject id:subject include_blank "I would like to develop an eShop add-on plugin" "I want a custom theme" "I need you to install WordPress for me" "I need you to troubleshoot my WordPress site" "I just want to rant!"]</p>
    
    <p><label for="message">Your Message</label><br />
        [textarea your-message id:message] </p>
    
    <p class="right">[submit "Send"]</p>

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘This plugin is not WCAG accessible’ is closed to new replies.