Screen Reader Text Suddenly Showing

  • Resolved shaunbowen

    (@shaunbowen)


    2 years, 5 months ago

    Hi there, I have noticed a few of my sites suddenly showing the screen reader text below the ‘Previous Slide’ and ‘Next Slide’ buttons.
    I can fix this with the style:

    .wpmslider-controls .screen-reader-text {
    display: none;
}

    But I’m wondering why this is suddenly happening?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support beatrice12

    (@beatrice12)

    Hello @shaunbowen,

    Thanks for reaching out!

    Can you please send us a screenshot so we can understand this better? You can upload it here via imgur.com

    Warmly,
    Beatrice.

    Thread Starter shaunbowen

    (@shaunbowen)

    Hi Beatrice, please see the screenshot here:

    https://absolutepavingandmasonryli.com/wp-content/uploads/2022/09/Screen-Reader-Text-Showing.png

    We are unable to replicate this on our end. Can you please send me a screenshot with your view’s settings?
    Thank you!

    Thread Starter shaunbowen

    (@shaunbowen)

    You can see the screenshot of the settings here: https://absolutepavingandmasonryli.com/wp-content/uploads/2022/10/View-Settings.png

    I have some more information about this now. It looks like any screen reader text with a class of .screen-reader-text is hidden by WordPress’ Block Library CSS.

    There is a line in the WordPress core CSS file at /wp-includes/css/dist/block-library/style.min.css for this:

    .screen-reader-text {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal!important;
}

    However, I always disable all files for the Block Library, since I do not use Guttenberg on my sites. I use the plugin ‘Disable Guttenberg’ to achieve this, but I feel like you need to add CSS for this in your core plugin files too, to cater for those of us who don’t use Guttenberg.

    Thank you for explaining! It makes sense now.
    I will go ahead and open a ticket regarding this so we can add the CSS in the plugin as well.

    Warmly,
    Mihaela

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Screen Reader Text Suddenly Showing’ is closed to new replies.