Reworking the code to make a hidden screen reader item visible

  • So, while poking around with the Developer Console, trying to find a class to style, I noticed that, alongside a post, with the details of the author, the date published and an invitation to comment, Twenty Sixteen had a title, ‘Tags’

    <span class="screen-reader-text">Tags </span>

    but was hiding it with that class, screen-reader-text.

    As I’m using tags I’d like to actually render this heading ‘Tags’ visible but cannot do that with CSS as it’ll reveal all the other hidden stuff visible, too.

    How can I edit the php that writes ‘Tags’ to the HTML so that I can give it a different CSS style and have it as a heading? And or change the <span> to something more semantic?

    Ta, in advance.

  • The topic ‘Reworking the code to make a hidden screen reader item visible’ is closed to new replies.