About MCC | Mesa Community College

Calendars | Mesa Community College

Academic Departments | Mesa Community College

College Catalog | Mesa Community College

Student Life & Leadership | Mesa Community College

Study Abroad | Mesa Community College

Students | Mesa Community College

Alumni Association | Mesa Community College

Helpful Resources for Students | Mesa Community College

Giving Form | Mesa Community College

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 2025

November 2025

Mesa Community College

	Title / URL	Issues
	About MCC \| Mesa Community Collegewww.mesacc.edu/about	1
	Calendars \| Mesa Community Collegewww.mesacc.edu/calendars	1
	Academic Departments \| Mesa Community Collegewww.mesacc.edu/departments	1
	College Catalog \| Mesa Community Collegewww.mesacc.edu/catalog	1
	Student Life & Leadership \| Mesa Community Collegewww.mesacc.edu/student-life	1
	Study Abroad \| Mesa Community Collegewww.mesacc.edu/study-abroad	1
	Students \| Mesa Community Collegewww.mesacc.edu/students	1
	Alumni Association \| Mesa Community Collegewww.mesacc.edu/alumni	1
	Helpful Resources for Students \| Mesa Community Collegewww.mesacc.edu/get-help	1
	Giving Form \| Mesa Community Collegewww.mesacc.edu/give-online	1

Ensure dialogs have labels

Mesa Community College

Where this issue has occurred