在日本做 SaaS,爱猫、爱读书、爱自由

2022-10-13 Accessible SVG


1. 作为 img,使用 alt

<img src="linktofile.svg" alt="Pixels, my super cute cat" role="img">

2. 在 SVG 内部添加 <title>

<svg role="img"> 
  <title>Supports Mobile Devices</title>
  ...
</svg>

3. 使用 aria-labelledby

<svg role="img" aria-labelledby="timeline-title> 
  ...
</svg>

refs: