WordPress.org

Make WordPress Core

Changeset 40642


Ignore:
Timestamp:
05/11/17 22:28:40 (6 months ago)
Author:
afercia
Message:

Media: Remove the custom styling for the MediaElementJS controls offscreen text.

This offscreen text is not meant to be revealed on focus and just acts as fallback
for assistive technologies that don't support aria-label and role="slider".
Also, revealing it on focus has proven over time to be very fragile and to cause
unexpected layout issues.

See #30281.
Fixes #40707.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-includes/js/mediaelement/wp-mediaelement.css

    r40052 r40642  
    3636.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { 
    3737    border-radius: 0; 
    38 } 
    39  
    40 .mejs-controls .mejs-offscreen { 
    41     clip: rect(1px, 1px, 1px, 1px); 
    42     position: absolute; 
    43 } 
    44  
    45 .mejs-controls a:focus > .mejs-offscreen { 
    46     background-color: #f1f1f1; 
    47     border-radius: 3px; 
    48     box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 
    49     clip: auto; 
    50     color: #0073aa; 
    51     display: block; 
    52     font-size: 14px; 
    53     font-weight: bold; 
    54     height: auto; 
    55     line-height: normal; 
    56     padding: 15px 23px 14px; 
    57     position: absolute; 
    58     left: 0; 
    59     top: 15px; 
    60     text-decoration: none; 
    61     text-transform: none; 
    62     width: auto; 
    6338} 
    6439 
Note: See TracChangeset for help on using the changeset viewer.