Report a Concern | University of Oregon

Accessibility at the University of Oregon | University of Oregon

Duck Life | University of Oregon

Contact Us | University of Oregon

About the UO | University of Oregon

Alumni Resources | University of Oregon

A-Z Index: B | University of Oregon

A-Z Index: A | University of Oregon

Parent & Family Resources | University of Oregon

Research | University of Oregon

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

December 2024

November 2024

University of Oregon

	Title / URL	Issues
	Report a Concern \| University of Oregonwww.uoregon.edu/reportaconcern	1
	Accessibility at the University of Oregon \| University of Oregonwww.uoregon.edu/accessibility	1
	Duck Life \| University of Oregonwww.uoregon.edu/duck-life	1
	Contact Us \| University of Oregonwww.uoregon.edu/contact-us	1
	About the UO \| University of Oregonwww.uoregon.edu/about	1
	Alumni Resources \| University of Oregonwww.uoregon.edu/alumni	1
	A-Z Index: B \| University of Oregonwww.uoregon.edu/azindex/b	1
	A-Z Index: A \| University of Oregonwww.uoregon.edu/azindex	1
	Parent & Family Resources \| University of Oregonwww.uoregon.edu/parents	1
	Research \| University of Oregonwww.uoregon.edu/research	1

Ensure dialogs have labels

University of Oregon

Where this issue has occurred