Problem/Motivation

On the media add page, choosing Generate with AI is a full page load. Focus starts at the top and nothing says the mode changed. The Media Library dialog already restores focus and announces.

Steps to reproduce

  1. Open /media/add/image with a keyboard or a screen reader.
  2. Choose Generate with AI.

Proposed resolution

After the switch, move focus to the description and announce Generate mode. Optionally reflect the mode in the page title.

Remaining tasks

  • ✅ File an issue
  • ❌ Addition/Change/Update/Fix
  • ❌ Testing to ensure no regression
  • ➖ Automated unit/functional testing coverage
  • ➖ Developer Documentation support
  • ➖ User Guide Documentation support
  • ➖ UX/UI designer responsibilities
  • ➖ Accessibility and Readability
  • ❌ Reviewed by a human
  • ❌ Code review by maintainers
  • ❌ Full testing and approval
  • ❌ Credit contributors
  • ❌ Review with the product owner
  • ✅ Update Release Notes
  • ✅ Release

User interface changes

  • Before (1.0.x): after the switch, focus is back at the top of the page.
     after the switch, focus is back at the top of the page.
  • After: focus is on the description, and the mode is announced.
     focus is on the description, and the mode is announced.

API changes

  • N/A

Data model changes

  • N/A

Release notes snippet

  • N/A

AI-Generated: Yes

Issue fork ai_media-3634871

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

rajab natshah created an issue. See original summary.

rajab natshah’s picture

Issue summary: View changes
StatusFileSize
new52.37 KB
new53.01 KB

  • rajab natshah committed bcbe0f83 on 1.0.x
    feat: #3634871 Move focus to the description and announce Generate mode...
rajab natshah’s picture

Issue summary: View changes
Status: Active » Fixed
Issue tags: +ai_media-1.0.0-rc1

✅ Released ai_media-1.0.0-rc1

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.