Microbiology | Microbial genomics research tools

Products for Genomics | Illumina

AmpliSeq for Illumina Sequencing Solution

Sequencing Platforms | Illumina NGS platforms

Genomic Services | Enabling genetic analysis

Sequencing Services | NGS & whole-genome service providers

Cancer Genomics | Solutions for multiple research applications

Illumina DNA Prep Product Portfolio

Product Selection and Experiment Planning Tools

Library Prep and Array Kit Selector

People using screen readers are not able to see the layout of a form. To make forms
accessible, they must define explicit text labels for each form control. 

Usually the best solution is to use a `<label>` element. The label may be linked to 
by the form control:

```html
<label for="name">Full name</label>
<input type="name" id="name">
```

or the `<label>` can be wrapped around the form control:

```html
<label>
    Full name <input type="name">
</label>
```

Buttons are different, as their labels are specified by the code for the button, e.g.

```html
<input type="submit" value="Send message">
<button>Send message</button>
```

Alternatively ARIA attributes, such as `aria-label` may be used, but this information
will not be conveyed to visual users. For more information, see [W3C's guide to labeling controls](https://www.w3.org/WAI/tutorials/forms/labels/).

Hidden input fields (`<input type="hidden">`) do not require labels.
Note that the `placeholder` attribute 
[should not be used as an alternative to a label](https://www.w3.org/TR/html/sec-forms.html#the-placeholder-attribute),
nor should the `title` attribute.

## Custom roles

Note that this check considers the underlying accessible role of an element, which can be 
different from the tag itself.

For example, this `<div>` has a `role` of `button`, and so is expected to have a label, like
a button would.

```html
<div role="button"></div>
```

form-control-labels

June 2024

May 2024

Illumina Inc

Title / URL	Issues
Microbiology \| Microbial genomics research toolswww.illumina.com/areas-of-interest/microbiology.html	2
Products for Genomics \| Illuminawww.illumina.com/products.html	2
AmpliSeq for Illumina Sequencing Solutionwww.illumina.com/products/by-brand/ampliseq.html	2
Sequencing Platforms \| Illumina NGS platformswww.illumina.com/systems/sequencing-platforms.html	1
Genomic Services \| Enabling genetic analysiswww.illumina.com/services.html	1
Sequencing Services \| NGS & whole-genome service providerswww.illumina.com/services/sequencing-services.html	1
Cancer Genomics \| Solutions for multiple research applicationswww.illumina.com/areas-of-interest/cancer/research.html	1
Illumina DNA Prep Product Portfoliowww.illumina.com/products/by-brand/nextera.html	1
Product Selection and Experiment Planning Toolswww.illumina.com/products/selection-tools.html	1
Library Prep and Array Kit Selectorwww.illumina.com/library-prep-array-kit-selector.html	1

Ensure form controls have labels

Illumina Inc

Where this issue has occurred