This project is particularly meaningful to me. When I started at University Communications, I didn't really know much of anything about web accessibility. After attending an accessibility conference with my team, I decided to learn more about accessibility in general, and how I could help as a web developer.
This was the first big project I took on as part of that effort. It's now used on UConn sites including:
<ul>
<li><a href="https://uconn.edu">uconn.edu</a></li>
<li><a href="https://health.uconn.edu">UConn Health</a></li>
<li><a href="https://president.uconn.edu">The Office of the President</a></li>
<li><a href="https://hartford.uconn.edu">Regional Campuses</a></li>
</ul>
It's a fully WCAG compliant navigation menu with the following features:
<ul>
<li>CSS only version that supports submenus</li>
<li>Handles single items, top level items as buttons, top level items as links with submenus beneath</li>
<li>Fully semantic HTML</li>
<li>Appropriate ARIA attributes</li>
<li>A developer friendly API</li>
</ul>

The navigation menu from the main University of Connecticut site

This project is particularly meaningful to me. When I started at University Communications, I didn't really know much of anything about web accessibility. After attending an accessibility conference with my team, I decided to learn more about accessibility in general, and how I could help as a web developer.

This was the first big project I took on as part of that effort. It's now used on UConn sites including:

- [uconn.edu](https://uconn.edu)
- [UConn Health](https://health.uconn.edu)
- [The Office of the President](https://president.uconn.edu)
- [Regional Campuses](https://hartford.uconn.edu)

It's a fully WCAG compliant navigation menu with the following features:

- CSS only version that supports submenus
- Handles single items, top level items as buttons, top level items as links with submenus beneath
- Fully semantic HTML
- Appropriate ARIA attributes
- A developer friendly API

A11y Menu