Hej einsiedler,
erst mal herzlichen Glückwunsch! - Du bist auf einem guten Weg. Wird immer besser!
a) vergrössern & verkleinern b) Bildschirm zusammenstauchen + vergrössern & verkleinern
Och nö, ich brauche meinen Bildschirm noch ;-)
Aber wenn ich das Fenster über zwei Monitore auseinanderziehe (würde ich normalerweise wohl nicht tun) und dann wieder zusammenschiebe, kommt der FF50 unter Win10 wohl mit den vw nicht so ganz zurecht:
Die Schriften bleiben riesig...
MrMurphy hat viel richtiges und wichtiges gesagt. Insbesondere würde ich die Bilder auf die ganze Breite ziehen bei Smartphones! - Um die geht es hier schließlich und vor allem die hochkant-Bilder siond winzig
Auf das figure
kannst du vermutlich verzichten. Ein alt-Text könnte Informationen (z.B. zur Stimmung des Bildes) enthalöten, die du für Sehende nciht ausgeben willst (warum auch immer - ich bin ein Fan davon, so was vor Sehenden nicht zu verstecken).
aside
ist nicht geeignet für die Beschriftung, es handelt sich ja nicht um optionalen Inhalt, sondern um den eigentlichen Inhalt.
Mein Aufbau wäre ehr so was in der Art:
<body>
<main>
<article>
<h1>Name des Bildes</h1><!-- Damit man weiß, was man sieht -->
<a href="#">zurück</a><!-- Wenn das, was gezeigt wird, nicht interessiert, kann man gleich weg -->
<a href="#">weiter</a>
<img src="bild.jpg" alt=""><!-- Ohne alt-Text, Beschreibung für alle im Anschluss -->
<p>
Bildbeschreibung <!-- Eventuell strukturiert nach schema.org o.ä. - wenn Angaben zu Orten usw regelmäßig vorkommen -->
</p>
</article>
</main>
<footer>
[...]
</footer>
</body>
Marc