Label inputs and add alternate text to images

This text input element does not have a name available to an accessibility API. Valid names are: label element, title attribute.

Code Snippet

<input id="name" name="name" class="form-control" type="text" value="">

<input id="url" name="url" class="form-control" type="text" value="">

This form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.

When a form control does not have a name exposed to assistive technologies, users will not be able to identify the purpose of the form control. The name can be provided in multiple ways, including the label element. Other options include use of the title attribute and aria-label which are used to directly provide text that is used for the accessibility name or aria-labelledby which indicates an association with other text on a page that is providing the name. Button controls can have a name assigned in other ways, as indicated below, but in certain situations may require use of label, title, aria-label, or aria-labelledby.

Code Snippet

<input id="name" name="name" class="form-control" type="text" value="">

<input id="url" name="url" class="form-control" type="text" value="">

This text input element does not have a name available to an accessibility API. Valid names are: label element, title attribute.

Code Snippet

<input id="name" name="name" class="form-control" type="text" value="">

<input name="role" type="text" size="20">

This select element does not have a name available to an accessibility API. Valid names are: label element, title attribute.

Code Snippet

<select id="className" name="className" class="form-control"> ...</select>

This form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.

When a form control does not have a name exposed to assistive technologies, users will not be able to identify the purpose of the form control. The name can be provided in multiple ways, including the label element. Other options include use of the title attribute and aria-label which are used to directly provide text that is used for the accessibility name or aria-labelledby which indicates an association with other text on a page that is providing the name. Button controls can have a name assigned in other ways, as indicated below, but in certain situations may require use of label, title, aria-label, or aria-labelledby.

Code Snippet

<input id="name" name="name" class="form-control" type="text" value="">

<select id="className" name="className" class="form-control"> ...</select>

<input name="role" type="text" size="20">

Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Code Snippet

<img style="vertical-align: middle;" src="/NewsReaderPortlet/images/add.png">

<a href="javascript:;"> <img src="/NewsReaderPortlet/i...</a> (Remove link)