Skip to:
Content

BuddyPress.org

Changeset 11257


Ignore:
Timestamp:
11/29/2016 01:05:54 AM (8 years ago)
Author:
mercime
Message:

Update bp-screen-reader-text class.

This commit updates our bp-screen-reader-text class in line with WordPress'
current a11y practices and adds focus styles.

Fixes #7365.

Location:
trunk/src/bp-templates/bp-legacy/css
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/bp-templates/bp-legacy/css/buddypress-rtl.css

    r11183 r11257  
    881881
    882882.bp-screen-reader-text {
    883     position: absolute;
    884     margin: -1px;
    885     padding: 0;
     883    clip: rect(1px, 1px, 1px, 1px);
    886884    height: 1px;
     885    overflow: hidden;
     886    position: absolute !important;
    887887    width: 1px;
    888     overflow: hidden;
    889     clip: rect(0 0 0 0);
    890     border: 0;
    891     word-wrap: normal !important;
     888    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
     889}
     890
     891.bp-screen-reader-text:focus {
     892    background-color: #f1f1f1;
     893    -webkit-border-radius: 3px;
     894    border-radius: 3px;
     895    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     896    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     897    clip: auto !important;
     898    color: #21759b;
     899    display: block;
     900    font-size: 14px;
     901    font-size: 0.875rem;
     902    font-weight: 700;
     903    height: auto;
     904    right: 5px;
     905    line-height: normal;
     906    padding: 15px 23px 14px;
     907    text-decoration: none;
     908    top: 5px;
     909    width: auto;
     910    z-index: 100000; /* Above WP toolbar. */
    892911}
    893912
  • trunk/src/bp-templates/bp-legacy/css/buddypress.css

    r11181 r11257  
    881881
    882882.bp-screen-reader-text {
    883     position: absolute;
    884     margin: -1px;
    885     padding: 0;
     883    clip: rect(1px, 1px, 1px, 1px);
    886884    height: 1px;
     885    overflow: hidden;
     886    position: absolute !important;
    887887    width: 1px;
    888     overflow: hidden;
    889     clip: rect(0 0 0 0);
    890     border: 0;
    891     word-wrap: normal !important;
     888    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
     889}
     890
     891.bp-screen-reader-text:focus {
     892    background-color: #f1f1f1;
     893    -webkit-border-radius: 3px;
     894    border-radius: 3px;
     895    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     896    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     897    clip: auto !important;
     898    color: #21759b;
     899    display: block;
     900    font-size: 14px;
     901    font-size: 0.875rem;
     902    font-weight: 700;
     903    height: auto;
     904    left: 5px;
     905    line-height: normal;
     906    padding: 15px 23px 14px;
     907    text-decoration: none;
     908    top: 5px;
     909    width: auto;
     910    z-index: 100000; /* Above WP toolbar. */
    892911}
    893912
Note: See TracChangeset for help on using the changeset viewer.