Skip to content

frontend: BasicsStep: Fix accessible name for edit project name button#265

Merged
sniok merged 1 commit into
Azure:mainfrom
vyncent-t:fix-project-step-edit-button-name
Feb 19, 2026
Merged

frontend: BasicsStep: Fix accessible name for edit project name button#265
sniok merged 1 commit into
Azure:mainfrom
vyncent-t:fix-project-step-edit-button-name

Conversation

@vyncent-t
Copy link
Copy Markdown
Collaborator

@vyncent-t vyncent-t commented Feb 18, 2026

Description

This PR fixes an a11y issue identified by Lighthouse where the edit button for the "Project Name" input did not have an accessible name.

Since this is an icon button is not being used and has no functionality, this PR introduces a change that will remove it.

Related Issues

Closes #200
Related to #219

Changes Made

  • Removed unused button component that flagged the following:

"Buttons do not have an accessible name"

"When a button doesn't have an accessible name, screen readers announce it as "button", making it unusable for users who rely on screen readers."

How to test:

  • Navigate to the Projects tab
  • Click the "+ Create Projects" button
  • Click "AKS Managed Project" option
  • Use inspect tools and open Lighthouse
  • Scan at this view

@vyncent-t vyncent-t requested review from skoeva and sniok February 18, 2026 15:48
@vyncent-t vyncent-t self-assigned this Feb 18, 2026
Copilot AI review requested due to automatic review settings February 18, 2026 15:48
@vyncent-t vyncent-t added the a11y a11y related issues label Feb 18, 2026
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

This PR addresses an accessibility issue identified by Lighthouse where an icon-only edit button lacked an accessible name for screen readers. The fix adds an aria-label="Edit project name" attribute to the IconButton component in the BasicsStep of the Create AKS Project workflow.

Changes:

  • Added aria-label="Edit project name" to the edit IconButton in the Project Name field to ensure screen reader compatibility

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread plugins/aks-desktop/src/components/CreateAKSProject/components/BasicsStep.tsx Outdated
@vyncent-t vyncent-t force-pushed the fix-project-step-edit-button-name branch from 330beb6 to da0b063 Compare February 19, 2026 16:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

a11y a11y related issues

Projects

None yet

Development

Successfully merging this pull request may close these issues.

New Project step: Fix edit button no accessible name

3 participants