A-Z Index | UC Santa Barbara

Research at UC Santa Barbara | UC Santa Barbara

Students | UC Santa Barbara

Jobs at UC Santa Barbara | UC Santa Barbara

Applying to UC Santa Barbara | UC Santa Barbara

History of UC Santa Barbara | UC Santa Barbara

Visit UCSB | UC Santa Barbara

All dialogs (sometimes knows as 'pop up windows') should declare an accessible label that
can be read out by screen readers.

To do this, use `aria-label` to specify a label, or `aria-labelledby` to point to the `id`
of an element that contains text describing the modal, e.g.:

```html
<div role="dialog" aria-labelledby="title">
    <div id="title">
        This is a dialog
    </div>
</div>
```

The above example dialog has a label of `This is a dialog`.

dialog-labels

June 2024

May 2024

University of California Santa Barbara

Title / URL	Issues
A-Z Index \| UC Santa Barbarawww.ucsb.edu/a-z/h	1
Research at UC Santa Barbara \| UC Santa Barbarawww.ucsb.edu/research	1
Students \| UC Santa Barbarawww.ucsb.edu/students	1
Jobs at UC Santa Barbara \| UC Santa Barbarawww.ucsb.edu/jobs	1
Applying to UC Santa Barbara \| UC Santa Barbarawww.ucsb.edu/applying	1
A-Z Index \| UC Santa Barbarawww.ucsb.edu/a-z/b	1
A-Z Index \| UC Santa Barbarawww.ucsb.edu/a-z/e	1
History of UC Santa Barbara \| UC Santa Barbarawww.ucsb.edu/about/history	1
A-Z Index \| UC Santa Barbarawww.ucsb.edu/a-z/g	1
Visit UCSB \| UC Santa Barbarawww.ucsb.edu/about/visit	1

Ensure dialogs have labels

University of California Santa Barbara

Where this issue has occurred