Make WordPress Core


Ignore:
Timestamp:
10/23/2016 06:15:07 PM (8 years ago)
Author:
afercia
Message:

Accessibility: Improve the Tags meta box accessibility.

  • changes the "X" links in buttons, improves their color contrast ratio and focus style
  • adds screen reader text "Remove item: + tagname"
  • uses wp.a11y.speak() to give screen reader users feedback when adding/removing tags
  • makes the tagcloud-link toggle a button, with an aria-expanded attribute to indicate the tag cloud collapsed/expanded state
  • changes colors for the autocomplete highlighted option in order to have a better color contrast ratio
  • reduces the font size for the autocomplete on Press This
  • removes CSS related to the old suggest.js from Press This

Props joedolson, cgrymala, azaozz, afercia.
Fixes #27555.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/includes/meta-boxes.php

    r38797 r38880  
    443443</div>
    444444<?php if ( $user_can_assign_terms ) : ?>
    445 <p class="hide-if-no-js"><a href="#titlediv" class="tagcloud-link" id="link-<?php echo $tax_name; ?>"><?php echo $taxonomy->labels->choose_from_most_used; ?></a></p>
     445<p class="hide-if-no-js"><button type="button" class="button-link tagcloud-link" id="link-<?php echo $tax_name; ?>" aria-expanded="false"><?php echo $taxonomy->labels->choose_from_most_used; ?></button></p>
    446446<?php endif; ?>
    447447<?php
Note: See TracChangeset for help on using the changeset viewer.