• Hi,

    I have installed the plugin and put the following form in the appointment form and it can pass the achecker tool (AA WCAG2.0) but the form and the way it is shown now is very ugly.

    Can you provide me with any solution to make it look better?

    Thank you in advance,

    [response]
    
    <p><label for="your-name">Name</label><br />
        [text* your-name id:your-name]
    </p>
    
    <p><label for="your-email">Email</label><br />  
    [email* your-email id:your-email] </p>
    
    <p><label for="your-subject">Subject</label><br />
       [text your-subject id:your-subject] </p>
    
    <p><label for="your-message">Message</label><br />
      [textarea your-message id:your-message] </p>
    
    <p>[submit "Send"]</p>

    For example,
    if you go on the homepage the request appointment form can pass the achecker but it is very ugly.
    if you go on the about of the page I have entered for help you will see the contact-form 7 that is beautiful but cannot pass the Achecker,

    • This topic was modified 4 years, 10 months ago by ybohan.

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

Viewing 1 replies (of 1 total)
  • Plugin Author Joe Dolson

    (@joedolson)

    What the form looks like has very little to do with what makes it accessible. I’m not sure what the difference is between those two forms – they both look problematic – invisible labels, awkward spacing, etc. Neither of them are accessible as I see them right now, although the one on the front page is better, since it has labels – even though they aren’t visible.

    All of the problems I see can be corrected in CSS; I’d recommend working on that.

Viewing 1 replies (of 1 total)
  • The topic ‘Cannot pass a checker and have it beautiful’ is closed to new replies.