Accessible emoji
Good
<span role="img" aria-label="Snowman">☃</span>
<span role="img" aria-label="Snowman">☃</span>
<span role="img" aria-labelledby="Snowman1">☃</span>
aria-labelledbyの場合はid要素が必要
上記の場合だとid="Snowman1"
Bad
<span>☃</span>
<i role="img" aria-label="Snowman">☃</i>
If you use the <i> element as a container for an emoji, you probably shouldn't, but the same solution can be used: