Quantcast
Viewing all articles
Browse latest Browse all 130709

Reworking the code to make a hidden screen reader item visible

Replies: 0

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.


Viewing all articles
Browse latest Browse all 130709