Faculty news | UCL Institute of Education

IOE Events | UCL Institute of Education

UCL News: IOE headlines | UCL Institute of Education

All `id` attributes on a page must be unique, or accessible technologies used by the page 
can stop working.

## Example

The duplicate `id` here makes it unclear which label belongs to which input field:

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

<label for="name">Company name</label>
<input id="name">
```

As a result, accessible technologies like screen readers can fail to read out the 
correct text, or may read out no text at all.

Similar issues can occur when using `aria-labelledby` and `aria-describedby`.

## How to fix

Ensure all `id` attributes on a page are unique. 

## More information

See [Technique H93](https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/H93) 
for more information.

Title / URL	Issues
Faculty news \| UCL Institute of Educationwww.ucl.ac.uk/ioe/news/faculty-news?0=420445&page=0	17
Faculty news \| UCL Institute of Educationwww.ucl.ac.uk/ioe/news/faculty-news?0=420445&page=55	17
IOE Events \| UCL Institute of Educationwww.ucl.ac.uk/ioe/events/ioe-events?0=420311&page=0	17
IOE Events \| UCL Institute of Educationwww.ucl.ac.uk/ioe/events/ioe-events?0=420311&page=1	17
IOE Events \| UCL Institute of Educationwww.ucl.ac.uk/ioe/events/ioe-events	17
Faculty news \| UCL Institute of Educationwww.ucl.ac.uk/ioe/news/faculty-news	17
Faculty news \| UCL Institute of Educationwww.ucl.ac.uk/ioe/news/faculty-news?0=420445&page=1	17
UCL News: IOE headlines \| UCL Institute of Educationwww.ucl.ac.uk/ioe/news/ucl-news-ioe-headlines	17
Faculty news \| UCL Institute of Educationwww.ucl.ac.uk/ioe/news/faculty-news?0=420445&page=2	17
IOE Events \| UCL Institute of Educationwww.ucl.ac.uk/ioe/events/ioe-events?0=420311&page=2	17

Fix duplicate IDs

Institute of Education, University of London

Where this issue has occurred