Как разметить декоративный icon font или SVG?

Коротко

Декоративная графика не должна попадать в accessibility tree как отдельный контент.

Примеры

<!-- SVG декоративный -->
<svg aria-hidden="true" focusable="false">...</svg>

<!-- Иконка рядом с текстом кнопки -->
<button type="button">
  <svg aria-hidden="true" focusable="false">...</svg>
  Сохранить
</button>

<!-- Icon font -->
<span class="icon-star" aria-hidden="true"></span>

Если иконка несёт смысл одна — нужен accessible name (aria-label, visually hidden text), а не aria-hidden.

Итог

Декор: aria-hidden="true" (+ focusable="false" у SVG). Смысловая иконка — имя, не скрытие.