HTML-Markup für image credits

[Matthias Scharwies]

Servus!

Ich suche das perfekte HTML-Markup für image credits.

<figure lang="de">
	<div> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/18/Regierungsviertel%2C_Berlin-Mitte%2C_Blaue_Stunde%2C_Panorama%2C_160206%2C_ako.jpg/640px-Regierungsviertel%2C_Berlin-Mitte%2C_Blaue_Stunde%2C_Panorama%2C_160206%2C_ako.jpg"
		srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/1/18/Regierungsviertel%2C_Berlin-Mitte%2C_Blaue_Stunde%2C_Panorama%2C_160206%2C_ako.jpg/1280px-Regierungsviertel%2C_Berlin-Mitte%2C_Blaue_Stunde%2C_Panorama%2C_160206%2C_ako.jpg 1280w,
							https://upload.wikimedia.org/wikipedia/commons/thumb/1/18/Regierungsviertel%2C_Berlin-Mitte%2C_Blaue_Stunde%2C_Panorama%2C_160206%2C_ako.jpg/1024px-Regierungsviertel%2C_Berlin-Mitte%2C_Blaue_Stunde%2C_Panorama%2C_160206%2C_ako.jpg 1024w,
							https://upload.wikimedia.org/wikipedia/commons/thumb/1/18/Regierungsviertel%2C_Berlin-Mitte%2C_Blaue_Stunde%2C_Panorama%2C_160206%2C_ako.jpg/640px-Regierungsviertel%2C_Berlin-Mitte%2C_Blaue_Stunde%2C_Panorama%2C_160206%2C_ako.jpg 640w,
							https://upload.wikimedia.org/wikipedia/commons/thumb/1/18/Regierungsviertel%2C_Berlin-Mitte%2C_Blaue_Stunde%2C_Panorama%2C_160206%2C_ako.jpg/320px-Regierungsviertel%2C_Berlin-Mitte%2C_Blaue_Stunde%2C_Panorama%2C_160206%2C_ako.jpg 320w"
		sizes="100%" alt="" aria-describedby="caption" />
		<footer> Foto: Ansgar Koreng, <small><a href="https://creativecommons.org/licenses/by-sa/3.0/de/deed.de" target="_blank">CC BY-SA 3.0</a></small>			</footer>
	</div>
	<figcaption id="caption">Berlin-Mitte: Blick von der Hugo-Preuß-Brücke in Richtung Regierungs&shy;viertel
		während der blauen Stunde</figcaption>
</figure>

@Gunnar Bittersmann hat in diesem Beispiel einen footer verwendet. Sollte man evtl sogar noch ein aria-label oder eine role=doc-credits verwenden?

Weitere Komplikation: Es handelt sich teilweise um Hintergundbilder.

Vielen Dank im Voraus!

Herzliche Grüße

Matthias Scharwies