Add placeholder to quiz

  • Resolved lipskas

    (@lipskas)


    5 years, 7 months ago

    Would it be possible to add “placeholder” attribute to quiz field? I noticed many themes don’t even use labels anymore, and use placeholders instead. Hence, adding quiz to CF7 breaks overall layout a little, and having an option to add placeholder (just like to any other text field) would be useful.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Takayuki Miyoshi

    (@takayukister)

    Using a placeholder as a field label is a wrong idea. It must be harmful to the accessibility of the form. Use <label> for a label.

    Thread Starter lipskas

    (@lipskas)

    First of all, thank you for fast reply.

    Please excuse my ignorance, but what is wrong about this? Does it cause any security risks, etc.? I’m asking because I don’t know why making user interface simple is a bad thing?

    Especially because every single company (Facebook, MS, Yahoo, even Mozilla Developer Network and W3C itself) does this. And it’s not against web standards using placeholders for text inputs, right?

    Thank you for your explanation in advance.

    Plugin Author Takayuki Miyoshi

    (@takayukister)

    See https://www.w3.org/WAI/tutorials/forms/instructions/#placeholder-text

    Thread Starter lipskas

    (@lipskas)

    Thanks, makes sense. However the article also says it’s perfectly fine to use hidden labels and only display text in placeholders.

    Of course, you are the developer of this plugin, and you are in charge of the issue, so if you don’t want to add placeholder support for quiz field, it’s OK and I have no problems about your choice ??

    Plugin Author Takayuki Miyoshi

    (@takayukister)

    Adding a placeholder to a quiz field isn’t a problem, and actually it’s quite easy with jQuery or client-side JavaScript. I just want to say that using a placeholder as a field label is a problem.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Add placeholder to quiz’ is closed to new replies.