Skip to content

fix:Added aria description to EditableInput#3982

Open
Nishthajain7 wants to merge 1 commit intoprocessing:developfrom
Nishthajain7:editable-input-desc
Open

fix:Added aria description to EditableInput#3982
Nishthajain7 wants to merge 1 commit intoprocessing:developfrom
Nishthajain7:editable-input-desc

Conversation

@Nishthajain7
Copy link

Issue:

Fixes #3936

Changes:

Added aria-label to EditableInput in CollectionMetadata.jsx and ProjectName.jsx so that the screen reader can describe the input field

I have verified that this pull request:

  • has no linting errors (npm run lint)
  • has no test errors (npm run test)
  • has no typecheck errors (npm run typecheck)
  • is from a uniquely-named feature branch and is up to date with the develop branch.
  • is descriptively named and links to an issue number, i.e. Fixes #123
  • meets the standards outlined in the accessibility guidelines

}`;
const inputRef = React.useRef();
const { t } = useTranslation();
const label =
Copy link
Contributor

Choose a reason for hiding this comment

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

@Nishthajain7 Thanks for the PR. The changes look good overall and the refactoring around EditableInput makes the accessibility handling cleaner. One thing I am not completely sure about is the priority order in the label computation, can you search about it more.

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.

Accessibility Bug: EditableInput lacks ARIA description

2 participants