Skip to content

Embed url input field misses an associated label #1409

@afercia

Description

@afercia

All form controls need to be properly labeled.

The current rendered markup for an embed url field is:

<form>
  <input type="url" value="" class="components-placeholder__input" placeholder="Enter URL to embed here…">
  <button type="submit" class="components-button button button-large">Embed</button>
</form>

Visually:

screen shot 2017-06-23 at 17 39 28

One option could be to simply use the visible text (in the example above: "Cloudup URL") as label for the input field.
Worth reminding, according to the WordPress accessibility coding standard, labels should be explicitly associated (use for/id attributes and not wrapping the field). See https://make.wordpress.org/core/handbook/best-practices/coding-standards/accessibility-coding-standards/#labeling

Metadata

Metadata

Assignees

No one assigned

    Labels

    [Focus] Accessibility (a11y)Changes that impact accessibility and need corresponding review (e.g. markup changes).

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions