fix: tup 662 nav dropdown id not unique

[wesleyboar]

Overview

Use unique IDs for nav dropdowns.

Related

• TUP-662

Changes

• changed link id and menu aria-labelledby values
• added menu id
• added link aria-controls

Testing

[!NOTE] You may test on https://dev.tup.tacc.utexas.edu/.

1. Have a CMS with nav dropdowns in CMS navigation menu.
2. Verify values of dropdown's link id and menu aria-labelledby:
   • are unique
   • match per dropdown
3. Verify values of dropdown's menu id and link aria-controls:
   • are unique
   • match per dropdown
4. Verify Accessibility details are accurate.

Notes

I followed MDN: Accessibility: "menu_role", except I did not use aria-label, because (A) there are already <span class="sr-only"> tags that serve the same purpose, and (B) I did not want to further increase scope of the ticket beyond "fixing ID".

UI