Changeset 35492
- Timestamp:
- 11/03/2015 03:48:37 PM (9 years ago)
- Location:
- trunk/src/wp-includes
- Files:
-
- 2 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/src/wp-includes/embed-template.php
r35472 r35492 159 159 <?php endif; ?> 160 160 <div class="wp-embed-share"> 161 <button type="button" class="wp-embed-share-dialog-open" 162 aria-label="<?php esc_attr_e( 'Open sharing dialog' ); ?>"> 161 <button type="button" class="wp-embed-share-dialog-open" aria-label="<?php esc_attr_e( 'Open sharing dialog' ); ?>"> 163 162 <span class="dashicons dashicons-share"></span> 164 163 </button> … … 166 165 </div> 167 166 </div> 168 <div class="wp-embed-share-dialog hidden" >167 <div class="wp-embed-share-dialog hidden" role="dialog" aria-label="<?php esc_attr_e( 'Sharing options' ); ?>"> 169 168 <div class="wp-embed-share-dialog-content"> 170 169 <div class="wp-embed-share-dialog-text"> 171 170 <ul class="wp-embed-share-tabs" role="tablist"> 172 <li id="wp-embed-share-tab-button-wordpress" class="wp-embed-share-tab-button" role="presentation">173 <button role="tab" aria-controls="wp-embed-share-tab-wordpress" aria-selected="true" tabindex="0"><?php esc_html_e( 'WordPress Embed' ); ?></button>171 <li class="wp-embed-share-tab-button wp-embed-share-tab-button-wordpress" role="presentation"> 172 <button type="button" role="tab" aria-controls="wp-embed-share-tab-wordpress" aria-selected="true" tabindex="0"><?php esc_html_e( 'WordPress Embed' ); ?></button> 174 173 </li> 175 <li id="wp-embed-share-tab-button-embed" class="wp-embed-share-tab-button" role="presentation">176 <button role="tab" aria-controls="wp-embed-share-tab-html" aria-selected="false" tabindex="-1"><?php esc_html_e( 'HTML Embed' ); ?></button>174 <li class="wp-embed-share-tab-button wp-embed-share-tab-button-html" role="presentation"> 175 <button type="button" role="tab" aria-controls="wp-embed-share-tab-html" aria-selected="false" tabindex="-1"><?php esc_html_e( 'HTML Embed' ); ?></button> 177 176 </li> 178 177 </ul> 179 <div id="wp-embed-share-tab-wordpress" class="wp-embed-share-tab" role="tabpanel" aria- labelledby="wp-embed-share-tab-button-wordpress" aria-hidden="false">180 <input type="text" value="<?php the_permalink(); ?>" class="wp-embed-share-input" tabindex="0" readonly/>181 182 <p class="wp-embed-share-description" >178 <div id="wp-embed-share-tab-wordpress" class="wp-embed-share-tab" role="tabpanel" aria-hidden="false"> 179 <input type="text" value="<?php the_permalink(); ?>" class="wp-embed-share-input" aria-describedby="wp-embed-share-description-wordpress" tabindex="0" readonly /> 180 181 <p class="wp-embed-share-description" id="wp-embed-share-description-wordpress"> 183 182 <?php _e( 'Copy and paste this URL into your WordPress site to embed' ); ?> 184 183 </p> 185 184 </div> 186 <div id="wp-embed-share-tab-html" class="wp-embed-share-tab" role="tabpanel" aria- labelledby="wp-embed-share-tab-button-html" aria-hidden="true">187 <textarea class="wp-embed-share-input" tabindex="0" readonly><?php echo esc_textarea( get_post_embed_html( 600, 400 ) ); ?></textarea>188 189 <p class="wp-embed-share-description" >185 <div id="wp-embed-share-tab-html" class="wp-embed-share-tab" role="tabpanel" aria-hidden="true"> 186 <textarea class="wp-embed-share-input" aria-describedby="wp-embed-share-description-html" tabindex="0" readonly><?php echo esc_textarea( get_post_embed_html( 600, 400 ) ); ?></textarea> 187 188 <p class="wp-embed-share-description" id="wp-embed-share-description-html"> 190 189 <?php _e( 'Copy and paste this code into your site to embed' ); ?> 191 190 </p> -
trunk/src/wp-includes/js/wp-embed-template.js
r35466 r35492 39 39 function openSharingDialog() { 40 40 share_dialog.className = share_dialog.className.replace( 'hidden', '' ); 41 share_input[ 0 ].select(); 41 // Initial focus should go on the currently selected tab in the dialog. 42 document.querySelector( '.wp-embed-share-tab-button [aria-selected="true"]' ).focus(); 42 43 } 43 44 … … 48 49 49 50 if ( share_dialog_open ) { 50 share_dialog_open.addEventListener( 'click', function ( e) {51 share_dialog_open.addEventListener( 'click', function () { 51 52 openSharingDialog(); 52 e.preventDefault();53 53 } ); 54 54 } 55 55 56 56 if ( share_dialog_close ) { 57 share_dialog_close.addEventListener( 'click', function ( e) {57 share_dialog_close.addEventListener( 'click', function () { 58 58 closeSharingDialog(); 59 e.preventDefault();60 59 } ); 61 60 } … … 111 110 112 111 document.addEventListener( 'keydown', function ( e ) { 113 if ( e.keyCode === 27&& -1 === share_dialog.className.indexOf( 'hidden' ) ) {112 if ( 27 === e.keyCode && -1 === share_dialog.className.indexOf( 'hidden' ) ) { 114 113 closeSharingDialog(); 114 } else if ( 9 === e.keyCode ) { 115 constrainTabbing( e ); 115 116 } 116 117 }, false ); 118 119 function constrainTabbing( e ) { 120 // Need to re-get the selected tab each time. 121 var firstFocusable = document.querySelector( '.wp-embed-share-tab-button [aria-selected="true"]' ); 122 123 if ( share_dialog_close === e.target && ! e.shiftKey ) { 124 firstFocusable.focus(); 125 e.preventDefault(); 126 } else if ( firstFocusable === e.target && e.shiftKey ) { 127 share_dialog_close.focus(); 128 e.preventDefault(); 129 } 130 } 117 131 118 132 if ( window.self === window.top ) {
Note: See TracChangeset
for help on using the changeset viewer.