I’m not even sure that this is possible, but I’ve been asked to use this graphic library in a page, and in an attempt to make it screen reader friendly, I’m trying to find some way to describe each image. As a screen reader user myself it would be rather nice to have alt tags or aria labels associat…

The basics are just like you had but with a span in the middle. <i class="ph ph-smiley" style="font-size:20em" ><span class=“visually-hidden”> Smiley Face Icon</span></i> Then add the css for that class. .visually-hidden { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow…

Adding an alt tag to a graphic font

HTML & CSS

Topic		Replies	Views
Alt text and image captions Accessibility	33	14584	December 3, 2011
An image that is a link Accessibility	14	1529	April 9, 2010
Understanding the use of aria-hidden HTML & CSS	21	10125	December 8, 2017
How to credit a photo HTML & CSS	30	59233	March 30, 2011
Question about the use of an alt tag Marketing	16	1794	July 25, 2010

Adding an alt tag to a graphic font

Related topics