Семантично ли вставить тег svg в button?

Question

[Олег Андрианов]

Собственно, caniinclude стыдливо отвел глаза) кто знает?

Comments

[Антон Антон]

чем svg принципиально отличается от img?

[Everybody_Lies]

Антон Антон, если img использует атрибут usemap, то он становится интерактивным и его уже нельзя вставлять в button

[Антон Антон]

Everybody_Lies, но при этом caniinclude не возражает :)
ещё можно js'ом click перехватывать, да.
а вообще в этом-то как раз и ответ. Если svg интерактивный - то не надо, если просто контуры - то пожалуйста.

[Everybody_Lies]

Антон Антон, svg не относится к интерактивным элементам

[Антон Антон]

Everybody_Lies, ну вообще в него прекрасно встраивается html со ссылками, кнопками и прочим :)
ну и js никто не отменял. не говоря уже о всяких мелочах типа всплывающих подсказках и псевдоклассах типа hover, что тоже в некотором роде интерактивность

[Everybody_Lies]

Антон Антон, зачем вы меня пытаетесь переубедить, когда я вам дал ссылку на спеку

[Антон Антон]

Everybody_Lies, ну во первых - не мне. Во вторых - я не спорю со спекой "but there must be no interactive content descendant and no descendant with the tabindex attribute specified". Но есть нюанс: внутри инлайнового svg запросто может быть интерактивное содержимое.

Answer 1

[Everybody_Lies]

лезем в спеку, смотрим на Content model у тега родителя button - видим "Phrasing content, but there must be no interactive content descendant and no descendant with the tabindex attribute specified".
Смотрим на теги в Phrasing content и видим там наш svg.