"Read more" link contains the post title

  • ResolvedPlugin Contributor Chris Dillon

    (@cdillon27)


    8 years, 4 months ago

    Like most modern themes, this plugin adds screen reader text to the “Read more” link to ensure consistent accessibility.

    <a href="https://example.com/testimonial/highly-recommended/" class="readmore">Read more<span class="screen-reader-text"> "Highly recommended!"</span></a>

    The title is only meant to be seen by screen reader apps so if you see the testimonial title in the “Read more” link, like

    Read more "Highly recommended!"

    then your theme may not be fully following accessibility guidelines.

    This plugin offers a quick fix:
    https://www.ads-software.com/plugins/screen-reader-text-theme-support/

    For those comfortable with code, a better solution is to add the contents of that plugin’s main.css file into your theme’s style.css – then ask your theme author to do the same. ??

    https://www.ads-software.com/plugins/strong-testimonials/

Viewing 2 replies - 1 through 2 (of 2 total)

  • With all due respect, there’s no accessibility guideline that recommends adding a CSS rule for a .screen-reader-text to its stylesheet. If themes do position content off screen for screen readers, they may use a completely different class name. Surely the plugin’s CSS should be handling this by default?

    Plugin Contributor Chris Dillon

    (@cdillon27)

    Good points. I should have said best practices, as in TwentySixteen, instead of guidelines. I will simply add this to the plugin’s CSS in the next update. Thanks for the feedback.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘"Read more" link contains the post title’ is closed to new replies.