Hi,
I use an <img> tag with "src=" as 1x1 px transparent png and alt text
followed by a span with aria-hidden="true" which has visually shown
content and that way i can have proper <img> tag with alt text.
<img
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
alt="clockwise rightwards and leftwards open circle arrows with circled one
overlay" /><span aria-hidden="true">🔂</span>
https://jsfiddle.net/aamohamm/zLwsL2qt/
Thank you,
Ashraf Mohammad
On Fri, Oct 6, 2017 at 11:26 AM, Léonie Watson <tink@tink.uk> wrote:
>
> On 06/10/2017 12:06, Michael A. Peters wrote:
>
>> On 10/06/2017 08:44 AM, Léonie Watson wrote:
>>
>>>
>>> On 06/10/2017 11:26, Michael A. Peters wrote:
>>>
>>>> Nope, no problem at all. That looks like a simple solution I did not
>>>> find. Thank you.
>>>>
>>>
>>> Note that you need to provide an explicit role on the span if you use
>>> aria-label to provide its accessible name.
>>>
>>
>> I assume if I instead put the aria-label on the button rather than span
>> that contains the pictograph, that would work too without needing a role
>> since it is an actual button.
>>
>
> Yes, that will work.
>
>
>
>>
> --
> @LeonieWatson @tink@toot.cafe tink.uk carpe diem
>
>