WordPress.org

Make WordPress Core

Opened 6 years ago

Closed 6 years ago

#34627 closed defect (bug) (fixed)

Improve form labels and descriptions for the Tags meta box in the Edit Post screen

Reported by: afercia Owned by: afercia
Milestone: 4.4 Priority: normal
Severity: normal Version: 4.3
Component: Administration Keywords: has-patch has-screenshots
Focuses: ui, accessibility Cc:

Description

Noticed a couple of things that could be improved in the Tags meta box:

  • with JavaScript on, the input field label is set to the meta box title and it says just "Tags", maybe it should use the label provided by $taxonomy->labels->add_new_item the default is 'Add New Tag'
  • with JavaScript off, a textarea appears instead of the input field. This textarea doesn't have a label at all, the "Add or remove tags" text is just a paragraph
  • a nice improvement would be using the description below the form as target for an aria-describedby attribute (note: Press This already does this)

Attachments (2)

34627.patch (2.2 KB) - added by afercia 6 years ago.
34627.2.patch (2.2 KB) - added by afercia 6 years ago.

Download all attachments as: .zip

Change History (5)

@afercia
6 years ago

#1 @afercia
6 years ago

  • Keywords has-patch has-screenshots added
  • Owner set to afercia
  • Status changed from new to assigned

The proposed patch improves the labels and uses aria-describedby attributes to target the description. See screenshot below:

  • on the left: with JavaScript on, no visual changes
  • on the right: with JavaScript off, added a little more vertical space between the textarea and the description

https://cldup.com/3vnXKt3CcH.png

@afercia
6 years ago

#2 @afercia
6 years ago

Refreshed patch to use unique IDs in case there are multiple "tags" (non hierarchical custom taxonomies) meta boxes.

#3 @afercia
6 years ago

  • Resolution set to fixed
  • Status changed from assigned to closed

In 35609:

Accessibility: Improve form labels and descriptions for the Tags meta box in the Edit Post screen.

Fixes #34627.

Note: See TracTickets for help on using tickets.