Skip to content

#3181 - dynamic labels for investigator and senior official [-Bob] #3577

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 24 commits into from
Mar 10, 2025

Conversation

CocoByte
Copy link
Contributor

Ticket 3181

Resolves #3181

Changes

  • Added overrides that target select2 dropdowns and add aria-describedby text in accordance with the ticket's ACs.

Context for reviewers

The two dropdowns listed in the original ACs really just highlight a more systemic issue with our ARIA labels for select2 dropdowns. The updates for this ticket addresses all select2 components throughout Django Admin so they will all follow the same pattern.

Setup

Code Review Verification Steps

As the original developer, I have

Satisfied acceptance criteria and met development standards

  • Met the acceptance criteria, or will meet them in a subsequent PR
  • Created/modified automated tests
  • Update documentation in READMEs and/or onboarding guide

Ensured code standards are met (Original Developer)

  • If any updated dependencies on Pipfile, also update dependencies in requirements.txt.
  • Interactions with external systems are wrapped in try/except
  • Error handling exists for unusual or missing values

Validated user-facing changes (if applicable)

  • Tag @dotgov-designers in this PR's Reviewers for design review. If code is not user-facing, delete design reviewer checklist
  • Verify new pages have been added to .pa11yci file so that they will be tested with our automated accessibility testing
  • Checked keyboard navigability
  • Tested general usability, landmarks, page header structure, and links with a screen reader (such as Voiceover or ANDI)

As a code reviewer, I have

Reviewed, tested, and left feedback about the changes

  • Pulled this branch locally and tested it
  • Verified code meets all checks above. Address any checks that are not satisfied
  • Reviewed this code and left comments. Indicate if comments must be addressed before code is merged
  • Checked that all code is adequately covered by tests
  • Verify migrations are valid and do not conflict with existing migrations

Validated user-facing changes as a developer

Note: Multiple code reviewers can share the checklists above, a second reviewer should not make a duplicate checklist. All checks should be checked before approving, even those labeled N/A.

  • New pages have been added to .pa11yci file so that they will be tested with our automated accessibility testing
  • Checked keyboard navigability
  • Meets all designs and user flows provided by design/product
  • Tested general usability, landmarks, page header structure, and links with a screen reader (such as Voiceover or ANDI)
  • (Rarely needed) Tested as both an analyst and applicant user

As a designer reviewer, I have

Verified that the changes match the design intention

  • Checked that the design translated visually
  • Checked behavior. Comment any found issues or broken flows.
  • Checked different states (empty, one, some, error)
  • Checked for landmarks, page heading structure, and links

Validated user-facing changes as a designer

  • Checked keyboard navigability
  • Tested general usability, landmarks, page header structure, and links with a screen reader (such as Voiceover or ANDI)
  • Tested with multiple browsers (check off which ones were used)
    • Chrome
    • Microsoft Edge
    • FireFox
    • Safari
  • (Rarely needed) Tested as both an analyst and applicant user

References

Screenshots

@CocoByte CocoByte changed the title [DRAFT] #3181 - dynamic labels for investigator and senior official #3181 - dynamic labels for investigator and senior official [-Bob] Feb 27, 2025
@zandercymatics zandercymatics self-assigned this Feb 28, 2025
Copy link
Contributor

@zandercymatics zandercymatics left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just needs some cleanup, but everything is here! I like how you are addressing this holistically, which is a very nice touch

@SamiyahKey SamiyahKey requested review from kimmsie and removed request for kimmsie February 28, 2025 17:15
Copy link

🥳 Successfully deployed to developer sandbox nl.

Copy link

github-actions bot commented Mar 1, 2025

🥳 Successfully deployed to developer sandbox nl.

Copy link

github-actions bot commented Mar 3, 2025

🥳 Successfully deployed to developer sandbox nl.

@rachidatecs rachidatecs self-assigned this Mar 4, 2025
@rachidatecs
Copy link
Contributor

Note for @zandercymatics and @CocoByte, I only did a skim on this one

Copy link

github-actions bot commented Mar 4, 2025

🥳 Successfully deployed to developer sandbox nl.

Copy link

github-actions bot commented Mar 4, 2025

🥳 Successfully deployed to developer sandbox nl.

@CocoByte CocoByte requested a review from zandercymatics March 5, 2025 23:07
Copy link

github-actions bot commented Mar 5, 2025

🥳 Successfully deployed to developer sandbox nl.

Copy link

github-actions bot commented Mar 5, 2025

🥳 Successfully deployed to developer sandbox nl.

Copy link

github-actions bot commented Mar 6, 2025

🥳 Successfully deployed to developer sandbox nl.

@zandercymatics
Copy link
Contributor

Fyi - I pushed latest of this branch to bob!

Copy link
Contributor

@zandercymatics zandercymatics left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The senior official field isn't a select2 field on domain request for some reason so your function doesn't apply here! This actually should be one (as it was one, not sure what happened).
image

All you need to do to add it is to add it to the autocomplete_fields array. Double check the javascript for this field once you do this though, let me know if you run into any errors and I can assist there.
image

Copy link

github-actions bot commented Mar 7, 2025

🥳 Successfully deployed to developer sandbox nl.

1 similar comment
Copy link

github-actions bot commented Mar 7, 2025

🥳 Successfully deployed to developer sandbox nl.

@CocoByte CocoByte requested a review from zandercymatics March 7, 2025 22:49
Copy link
Contributor

@zandercymatics zandercymatics left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

Copy link

🥳 Successfully deployed to developer sandbox nl.

@CocoByte CocoByte merged commit 4b11be6 into main Mar 10, 2025
8 of 10 checks passed
@CocoByte CocoByte deleted the nl/3181-labels-for-investigator-and-senior-official branch March 10, 2025 16:20
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.

Add Programmatic Labels to "Investigator" and "Senior Official" Form Fields
4 participants