Career & Technical Education | Programs & Degrees | Mesa Community College

Calendars | Mesa Community College

Academic Departments | Mesa Community College

College Catalog | Mesa Community College

Student Life & Leadership | Mesa Community College

Future Students | Mesa Community College

Students | Mesa Community College

Giving Form | Mesa Community College

Helpful Resources for Students | Mesa Community College

Mesa Community Outreach Center | 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
Career & Technical Education \| Programs & Degrees \| Mesa Community Collegewww.mesacc.edu/programs/cte	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
Future Students \| Mesa Community Collegewww.mesacc.edu/future-students	1
Students \| Mesa Community Collegewww.mesacc.edu/students	1
Giving Form \| Mesa Community Collegewww.mesacc.edu/give-online	1
Helpful Resources for Students \| Mesa Community Collegewww.mesacc.edu/get-help	1
Mesa Community Outreach Center \| Mesa Community Collegewww.mesacc.edu/outreach	1

Ensure dialogs have labels

Mesa Community College

Where this issue has occurred