Duplicate IDs with aria-labelledby

This page has two inline SVG images. Both use aria-labelledby references to their nested title elements. These SVG title elements both have an ID of "title", but different text.

Here is a mailto icon:

Here is an external link icon:

What do screen readers announce as the accessible names of these images?

The duplicate IDs cause problems for the aria-labelledby references. Both images pick up the first element with an ID of "title", in this case the one nested inside the mail-to icon.

Chromevox: Both images are announced as "Mail To".
Firefox 60 + NVDA 2018.2: both images are announced as "Mail To".
Chrome 67 + NVDA 2018.2: both images are announced as "Mail To".
TO DO: Voiceover + Safari (iOS)
TO DO: VoiceOver + Safari (macOS)
TO OD: JAWS + IE11
TO DO: JAWS + Edge
TO DO: JAWS + Firefox
TO DO: JAWS + Chrome
TO DO: Narrator + Edge (Windows 10)
TO DO: Narrator + Firefox (Windows 10)
TO DO: Narrator + Chrome (Windows 10)
TO DO: TalkBack + Chrome (Android)