我有一个代表个人名片的SVG图形：
<svg
viewBox="0 0 300 100"
style="border: 1px solid black;"
>
<g>
<text x="5" y="25">Name</text>
<text x="120" y="25">Joe Smith</text>
</g>
<g>
<text x="5" y="55">Age</text>
<text x="120" y="55">55</text>
</g>
<g>
<text x="5" y="85">Occupation</text>
<text x="120" y="85">Astronaut</text>
</g>
</svg>
VoiceOver会这样读取：
名称，组
名称
结尾，名称，组
乔·史密斯，小组
乔·史密斯
结束，乔·史密斯，小组
年龄，组
年龄
年龄，组别结束
55，小组
55
55岁末，小组
职业，组
职业
职业结束，组
宇航员，组
宇航员
结束，宇航员，小组
非常非常冗长。如何修改此代码以使VoiceOver像这样阅读它？
名称
乔·史密斯
年龄
55
职业
宇航员
我正在寻找使用SVG / ARIA的解决方案。我知道我可以使用HTML来实现此目的，并在VoiceOver中获得更好的结果，但这只是一个说明问题的虚拟示例。