Skip to content

fix: tup 662 nav dropdown id not unique#762

Merged
wesleyboar merged 3 commits intotask/tup-595-accessibilityfrom
fix/tup-662-nav-dropdown-id
Dec 13, 2023
Merged

fix: tup 662 nav dropdown id not unique#762
wesleyboar merged 3 commits intotask/tup-595-accessibilityfrom
fix/tup-662-nav-dropdown-id

Conversation

@wesleyboar
Copy link
Copy Markdown
Member

@wesleyboar wesleyboar commented Dec 12, 2023

Overview

Use unique IDs for nav dropdowns.

Related

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

TUP-662

@wesleyboar wesleyboar changed the title Fix/tup 662 nav dropdown fix: tup 662 nav dropdown Dec 12, 2023
@wesleyboar wesleyboar changed the title fix: tup 662 nav dropdown fix: tup 662 nav dropdown id Dec 12, 2023
@wesleyboar wesleyboar changed the title fix: tup 662 nav dropdown id fix: tup 662 nav dropdown id not unique Dec 12, 2023
@wesleyboar wesleyboar changed the base branch from main to task/tup-595-accessibility December 12, 2023 23:25
@wesleyboar wesleyboar marked this pull request as ready for review December 12, 2023 23:25
wesleyboar added a commit to TACC/tup-ui that referenced this pull request Dec 13, 2023
@wesleyboar wesleyboar merged commit 869e718 into task/tup-595-accessibility Dec 13, 2023
@wesleyboar wesleyboar deleted the fix/tup-662-nav-dropdown-id branch December 13, 2023 22:11
wesleyboar added a commit that referenced this pull request Dec 13, 2023
* adding role=button to a-tags (#757)

* sub-task/tup-579 Added navbarDropdown id to a tag (#758)

* fix: tup 662 nav dropdown id not unique (#762)

* fix: tup-662 nav dropdown id

* fix: tup-662 nav dropdown id, simpler solution

* fix: tup-662 nav dropdown id, follow MDN a11y menu role docs

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/menu_role

---------

Co-authored-by: Tomas Gonzalez <63771558+R-Tomas-Gonzalez@users.noreply.github.com>
wesleyboar added a commit to TACC/tup-ui that referenced this pull request Dec 15, 2023
* test(tup-cms): TUP-595 new cms image w/ a11y fixes

https://github.com/TACC/Core-CMS/tree/task/tup-595-accessibility

* sub-task/tup-580 Make footer button small 10px (#387)

* sub-task/tup-580 Make footer button small 10px

* original solution was wrong.

let's not rely on <small>. instead, rely on the a class, <small> tags parent.

* enhance: use existing core-styles var

---------

Co-authored-by: Wesley B <62723358+wesleyboar@users.noreply.github.com>

* sub-task/tup-575 Adds in new aria-describedby link attributes (#388)

* adds in new aria-describedby link attributes

Let's target all of the  tags that have target=_blank and make them accessible.

* Adjust comments

* changes type of script. adds html markup.

* fix: Core-CMS CMS navbar a11y

TACC/Core-CMS#762

* feat(tup-cms): Core-CMS v4.3.0

- installs https://github.com/TACC/Core-CMS/releases/tag/v4.3.0
- to get TACC/Core-CMS#761

---------

Co-authored-by: Tomas Gonzalez <63771558+R-Tomas-Gonzalez@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants