[wp-trac] [WordPress Trac] #44966: Safari + Voiceover does not allow tags entry in editor
WordPress Trac
noreply at wordpress.org
Fri Sep 21 20:46:07 UTC 2018
#44966: Safari + Voiceover does not allow tags entry in editor
--------------------------+----------------------------
Reporter: parbaugh | Owner: (none)
Type: defect (bug) | Status: new
Priority: normal | Milestone: 4.9.9
Component: Editor | Version:
Severity: normal | Resolution:
Keywords: needs-patch | Focuses: accessibility
--------------------------+----------------------------
Comment (by konainm):
This problem can also be fixed by adding placeholder text to the input
box. Even a blank placeholder with a single space works.
Please see the modified code for the tags meta box below:
function nyu_metabox_content( $post, $box ) {
$defaults = array( 'taxonomy' => 'post_tag' );
if ( ! isset( $box['args'] ) || ! is_array( $box['args'] ) ) {
$args = array();
} else {
$args = $box['args'];
}
$r = wp_parse_args( $args, $defaults );
$tax_name = esc_attr( $r['taxonomy'] );
$taxonomy = get_taxonomy( $r['taxonomy'] );
$user_can_assign_terms = current_user_can(
$taxonomy->cap->assign_terms );
$comma = _x( ',', 'tag delimiter' );
$terms_to_edit = get_terms_to_edit( $post->ID, $tax_name );
if ( ! is_string( $terms_to_edit ) ) {
$terms_to_edit = '';
}
?>
<div class="tagsdiv" id="<?php echo $tax_name; ?>">
<div class="jaxtag">
<div class="nojs-tags hide-if-js">
<label for="tax-input-<?php echo $tax_name; ?>"><?php echo
$taxonomy->labels->add_or_remove_items; ?></label>
<p><textarea name="<?php echo "tax_input[$tax_name]"; ?>"
rows="3" cols="20" class="the-tags" id="tax-input-<?php echo $tax_name;
?>" <?php disabled( ! $user_can_assign_terms ); ?> aria-describedby="new-
tag-<?php echo $tax_name; ?>-desc"><?php echo str_replace( ',', $comma . '
', $terms_to_edit ); // textarea_escaped by esc_attr() ?></textarea></p>
</div>
<?php if ( $user_can_assign_terms ) : ?>
<div class="ajaxtag hide-if-no-js">
<label class="screen-reader-text" for="new-tag-<?php echo
$tax_name; ?>"><?php echo $taxonomy->labels->add_new_item; ?></label>
<p><input data-wp-taxonomy="<?php echo $tax_name; ?>"
placeholder=" " type="text" id="new-tag-<?php echo $tax_name; ?>"
name="newtag[<?php echo $tax_name; ?>]" class="newtag form-input-tip"
size="16" autocomplete="off" aria-describedby="new-tag-<?php echo
$tax_name; ?>-desc" value="" />
<input type="button" class="button tagadd" value="<?php
esc_attr_e('Add'); ?>" /></p>
</div>
<p class="howto" id="new-tag-<?php echo $tax_name; ?>-desc"><?php
echo $taxonomy->labels->separate_items_with_commas; ?></p>
<?php elseif ( empty( $terms_to_edit ) ): ?>
<p><?php echo $taxonomy->labels->no_terms; ?></p>
<?php endif; ?>
</div>
<ul class="tagchecklist" role="region"></ul>
</div>
<?php if ( $user_can_assign_terms ) : ?>
<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>
<?php endif; ?>
<?php
}
I have also created a plugin that can be activated to push the above fix
please find it on:
https://github.com/KonainM/NYU-Tags-Accessibility-Fix
--
Ticket URL: <https://core.trac.wordpress.org/ticket/44966#comment:3>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform
More information about the wp-trac
mailing list