Skip to content

Improve accessibility of tag interfaces. - #1167

Open
kimisgold wants to merge 12 commits into
masterfrom
a11y/tag-actions
Open

Improve accessibility of tag interfaces.#1167
kimisgold wants to merge 12 commits into
masterfrom
a11y/tag-actions

Conversation

@kimisgold

@kimisgold kimisgold commented Oct 16, 2026

Copy link
Copy Markdown
Member

On the tags/browse view:

  • Each tag name is now a <button> element that activates the edit-in-place form. This is a semantic improvement that additionally enables the user to activate the tag form via keyboard.
  • Delete tag button is a <button> too, converted from an anchor.
  • Instructions for tag form usage have been updated for clarity.
  • Errors are now read out to screen readers.
  • Markup includes improved aria attributes for better context in screen reader readouts.
  • Focus order flow has been improved for moving between tags, edit in place interactions, and to and from the delete confirm modal.

On the item form:

  • Screen readers get success announcements when tags are added, as well as errors when trying to add duplicate tags.
  • At some point, users were allowed to add duplicate tags again. That is now fixed.
  • Delete button and aria improvements in markup match those in tags/browse.
  • Broken 'undo remove' icon glyph is now fixed.

Fixes #1127, fixes #1128, fixes #1130, and fixes #1131..

@kimisgold
Fix undo remove tag icon.
97575f2 
(#1130)
@kimisgold
Convert tag action anchors into buttons.
457bc5b 
Additionally fixes "undo" glyph on record form.

(#1127, #1130)
@kimisgold
Direct focus after performing actions on tags.
307b9be 
* Focuses undo remove tag button after removing tag and vice versa.
* Activating delete button directs focus to confirmation dialog close
button.
* Groups tag elements for clearer relationships.

(#1127)
@kimisgold
Fix addTagElement().
1626cfb 
(#1128)
@kimisgold
Convert editinplace spans into buttons.
dfa9a63 
Tags now use buttons to activate editinplace. This makes them keyboard
navigable. They have been labeled, and focus is directed back to the
button after editing.

(#1127)
@kimisgold
Add screen reader alerts to tag form.
937cd2d 
* Alerts user when tags are added or they have submitted duplicate tags.
* Fixes remove/undo remove styling on new tags.

(#1131)
@kimisgold
Provide fuller instructions for tag edit in place.
4d49493 
(#1127)
@kimisgold
Fix addition of new tags.
09f47af 
(#1127)
@kimisgold
Use aria-describedby to read blank input errors.
ac04258 
* Additionally uses non-minified jquery-editable-poshytip for easier
modification.

(#1127)
@kimisgold
Fix check for repeated success message.
77e2e9c 
(#1131)
@kimisgold
Increase error div z-index.
baef82b 
(#1127)
@kimisgold
Move delete confirm focus to delete button.
25a7d81 
(#1131)
@kimisgold
kimisgold requested a review from zerocrates October 16, 2026 16:08
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@zerocrates zerocrates Awaiting requested review from zerocrates

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

1 participant

@kimisgold