Make WordPress Core


Ignore:
Timestamp:
10/28/2015 11:07:08 PM (8 years ago)
Author:
afercia
Message:

Media: Improve the headings hierarchy in the Media Views for better accessibility.

Fixes #34273.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-includes/media-template.php

    r35341 r35427  
    172172    <script type="text/html" id="tmpl-uploader-window">
    173173        <div class="uploader-window-content">
    174             <h3><?php _e( 'Drop files to upload' ); ?></h3>
     174            <h1><?php _e( 'Drop files to upload' ); ?></h1>
    175175        </div>
    176176    </script>
     
    189189        <div class="uploader-inline-content {{ messageClass }}">
    190190        <# if ( data.message ) { #>
    191             <h3 class="upload-message">{{ data.message }}</h3>
     191            <h2 class="upload-message">{{ data.message }}</h2>
    192192        <# } #>
    193         <?php if ( ! _device_can_upload() ) : ?>
    194             <h3 class="upload-instructions"><?php printf( __('The web browser on your device cannot be used to upload files. You may be able to use the <a href="%s">native app for your device</a> instead.'), 'https://apps.wordpress.org/' ); ?></h3>
    195         <?php elseif ( is_multisite() && ! is_upload_space_available() ) : ?>
    196             <h3 class="upload-instructions"><?php _e( 'Upload Limit Exceeded' ); ?></h3>
     193
     194            <h2 class="upload-instructions"><?php printf( __( 'The web browser on your device cannot be used to upload files. You may be able to use the <a href="%s">native app for your device</a> instead.' ), 'https://apps.wordpress.org/' ); ?></h2>
     195        <?php if ( is_multisite() && ! is_upload_space_available() ) : ?>
     196            <h2 class="upload-instructions"><?php _e( 'Upload Limit Exceeded' ); ?></h2>
    197197            <?php
    198198            /** This action is documented in wp-admin/includes/media.php */
     
    201201        <?php else : ?>
    202202            <div class="upload-ui">
    203                 <h3 class="upload-instructions drop-instructions"><?php _e( 'Drop files anywhere to upload' ); ?></h3>
     203                <h2 class="upload-instructions drop-instructions"><?php _e( 'Drop files anywhere to upload' ); ?></h2>
    204204                <p class="upload-instructions drop-instructions"><?php _ex( 'or', 'Uploader: Drop files here - or - Select Files' ); ?></p>
    205205                <button type="button" class="browser button button-hero"><?php _e( 'Select Files' ); ?></button>
     
    258258
    259259    <script type="text/html" id="tmpl-uploader-status">
    260         <h3><?php _e( 'Uploading' ); ?></h3>
     260        <h2><?php _e( 'Uploading' ); ?></h2>
    261261        <button type="button" class="button-link upload-dismiss-errors"><span class="screen-reader-text"><?php _e( 'Dismiss Errors' ); ?></span></button>
    262262
     
    491491
    492492    <script type="text/html" id="tmpl-attachment-details">
    493         <h3>
    494             <?php _e('Attachment Details'); ?>
    495 
     493        <h2>
     494            <?php _e( 'Attachment Details' ); ?>
    496495            <span class="settings-save-status">
    497496                <span class="spinner"></span>
    498497                <span class="saved"><?php esc_html_e('Saved.'); ?></span>
    499498            </span>
    500         </h3>
     499        </h2>
    501500        <div class="attachment-info">
    502501            <div class="thumbnail thumbnail-{{ data.type }}">
     
    600599
    601600    <script type="text/html" id="tmpl-attachment-display-settings">
    602         <h3><?php _e('Attachment Display Settings'); ?></h3>
     601        <h2><?php _e( 'Attachment Display Settings' ); ?></h2>
    603602
    604603        <# if ( 'image' === data.type ) { #>
     
    707706
    708707    <script type="text/html" id="tmpl-gallery-settings">
    709         <h3><?php _e('Gallery Settings'); ?></h3>
     708        <h2><?php _e( 'Gallery Settings' ); ?></h2>
    710709
    711710        <label class="setting">
     
    777776
    778777    <script type="text/html" id="tmpl-playlist-settings">
    779         <h3><?php _e( 'Playlist Settings' ); ?></h3>
     778        <h2><?php _e( 'Playlist Settings' ); ?></h2>
    780779
    781780        <# var emptyModel = _.isEmpty( data.model ),
     
    904903                    </label>
    905904
    906                     <h3><?php _e( 'Display Settings' ); ?></h3>
     905                    <h2><?php _e( 'Display Settings' ); ?></h2>
    907906                    <div class="setting align">
    908907                        <span><?php _e('Align'); ?></span>
     
    986985                    </div>
    987986                    <div class="advanced-section">
    988                         <h3><button type="button" class="button-link advanced-toggle"><?php _e( 'Advanced Options' ); ?></button></h3>
     987                        <h2><button type="button" class="button-link advanced-toggle"><?php _e( 'Advanced Options' ); ?></button></h2>
    989988                        <div class="advanced-settings hidden">
    990989                            <div class="advanced-image">
Note: See TracChangeset for help on using the changeset viewer.