Skip to:
Content

BuddyPress.org


Ignore:
Timestamp:
03/20/2018 12:34:32 PM (8 years ago)
Author:
djpaul
Message:

Templates, xprofile: fix markup a11y for date field type labels.

Correcting use of existing label elements -- and making them visible -- makes it obvious what the three date field elements represent (day, month, year) for all users.

Fixes #7665

Props Venutius, mercime, rianrietveld, hnla, djpaul.

File:
1 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/bp-xprofile/classes/class-bp-xprofile-field-type-datebox.php

    r11749 r11905  
    106106                                do_action( bp_get_the_profile_field_errors_action() ); ?>
    107107
    108                                 <label for="<?php bp_the_profile_field_input_name(); ?>_day" class="<?php echo is_admin() ? 'screen-reader-text' : 'bp-screen-reader-text' ;?>"><?php
    109                                         /* translators: accessibility text */
    110                                         esc_html_e( 'Select day', 'buddypress' );
     108                                <label for="<?php bp_the_profile_field_input_name(); ?>_day" class="xprofile-field-label"><?php
     109                                        esc_html_e( 'Day', 'buddypress' );
    111110                                ?></label>
    112111                                <select <?php echo $this->get_edit_field_html_elements( $day_r ); ?>>
    … …  
    117116                                </select>
    118117
    119                                 <label for="<?php bp_the_profile_field_input_name(); ?>_month" class="<?php echo is_admin() ? 'screen-reader-text' : 'bp-screen-reader-text' ;?>"><?php
    120                                         /* translators: accessibility text */
    121                                         esc_html_e( 'Select month', 'buddypress' );
     118                                <label for="<?php bp_the_profile_field_input_name(); ?>_month" class="xprofile-field-label"><?php
     119                                        esc_html_e( 'Month', 'buddypress' );
    122120                                ?></label>
    123121                                <select <?php echo $this->get_edit_field_html_elements( $month_r ); ?>>
    … …  
    128126                                </select>
    129127
    130                                 <label for="<?php bp_the_profile_field_input_name(); ?>_year" class="<?php echo is_admin() ? 'screen-reader-text' : 'bp-screen-reader-text' ;?>"><?php
    131                                         /* translators: accessibility text */
    132                                         esc_html_e( 'Select year', 'buddypress' );
     128                                <label for="<?php bp_the_profile_field_input_name(); ?>_year" class="xprofile-field-label"><?php
     129                                        esc_html_e( 'Year', 'buddypress' );
    133130                                ?></label>
    134131                                <select <?php echo $this->get_edit_field_html_elements( $year_r ); ?>>
    … …  
    301298                ) ); ?>
    302299
    303                 <label for="<?php bp_the_profile_field_input_name(); ?>_day" class="screen-reader-text"><?php
    304                         /* translators: accessibility text */
    305                         esc_html_e( 'Select day', 'buddypress' );
     300                <label for="<?php bp_the_profile_field_input_name(); ?>_day" class="xprofile-field-label"><?php
     301                        esc_html_e( 'Day', 'buddypress' );
    306302                ?></label>
    307303                <select <?php echo $this->get_edit_field_html_elements( $day_r ); ?>>
    … …  
    309305                </select>
    310306
    311                 <label for="<?php bp_the_profile_field_input_name(); ?>_month" class="screen-reader-text"><?php
    312                         /* translators: accessibility text */
    313                         esc_html_e( 'Select month', 'buddypress' );
     307                <label for="<?php bp_the_profile_field_input_name(); ?>_month" class="xprofile-field-label"><?php
     308                        esc_html_e( 'Month', 'buddypress' );
    314309                ?></label>
    315310                <select <?php echo $this->get_edit_field_html_elements( $month_r ); ?>>
    … …  
    317312                </select>
    318313
    319                 <label for="<?php bp_the_profile_field_input_name(); ?>_year" class="screen-reader-text"><?php
    320                         /* translators: accessibility text */
    321                         esc_html_e( 'Select year', 'buddypress' );
     314                <label for="<?php bp_the_profile_field_input_name(); ?>_year" class="xprofile-field-label"><?php
     315                        esc_html_e( 'Year', 'buddypress' );
    322316                ?></label>
    323317                <select <?php echo $this->get_edit_field_html_elements( $year_r ); ?>>
Note: See TracChangeset for help on using the changeset viewer.