health: fix broken pages, add image dimensions, a11y & SEO wins
Site-wide health pass (excludes in-progress blog work). Verified with a
local server + headless browser: Timeline, homepage and gallery pages load
with zero console errors and no layout distortion.
Render bugs
- Timeline page (en/mk/si): fix ../../../ paths that overshot the site root,
so the main stylesheet and hero image load again.
- Meet Student Slovenia 2023 (en/mk/si): remove a <figure> referencing
event3-photo-11.png, an image that was never uploaded (broken image).
Performance
- Add intrinsic width/height to 1039 raster <img> tags to prevent layout
shift (CLS); 450 SVGs correctly skipped. Add a global
`img { max-width:100%; height:auto }` safety net so aspect ratio is
preserved and images never overflow.
- Preload the homepage hero (LCP) image on en/mk/si.
- Load Font Awesome non-blocking (media=print/onload swap) with a <noscript>
fallback, on 225 pages.
Accessibility
- Add aria-label to 57 unlabeled newsletter email inputs.
- Add an sr-only <h1> to the three "My Route" pages (had no h1).
- Add an .sr-only utility class.
SEO
- Add meta descriptions to legal/msos-hub/support pages (en/mk/si).
Note: MK/SI meta descriptions are machine-drafted and should be proofread
by a native speaker before considering them final.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
1 parent
168e4ce378
commit
9ce7450aa1
209 files changed
+1289
-1267
No files matched your search
@@ -56,7 +56,7 @@
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
|
||||
<!-- Font Awesome (for icons) -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" media="print" onload="this.media='all'" /><noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /></noscript>
|
||||
|
||||
<!-- Correct path to the main CSS file -->
|
||||
<link rel="stylesheet" href="../../../css/main.css">
|
||||
@@ -200,7 +200,7 @@
|
||||
</header>
|
||||
|
||||
<figure class="article-main-image">
|
||||
<img fetchpriority="high" src="../../../images/slovenia-bled-lakeside-walk-hero.webp" alt="A walking path beside Lake Bled with the island and mountains in view">
|
||||
<img width="1023" height="682" fetchpriority="high" src="../../../images/slovenia-bled-lakeside-walk-hero.webp" alt="A walking path beside Lake Bled with the island and mountains in view">
|
||||
<figcaption>Lake Bled. Photo: <a href="https://slovenia-activities.com/blog/lake-bled-hikes-and-walks/" target="_blank" rel="noopener">slovenia-activities.com</a></figcaption>
|
||||
</figure>
|
||||
|
||||
@@ -242,7 +242,7 @@
|
||||
<p>Even without visiting the island, Mlino is worth a pause. From here, the lake no longer looks like the standard postcard. The island is closer, the castle sits further to the side, and the mountains take up more of the background.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img loading="lazy" decoding="async" src="../../../images/slovenia-bled-penzion-mlino.webp" alt="A boat on Lake Bled by the shore at Mlino">
|
||||
<img width="750" height="500" loading="lazy" decoding="async" src="../../../images/slovenia-bled-penzion-mlino.webp" alt="A boat on Lake Bled by the shore at Mlino">
|
||||
<figcaption>Mlino, Lake Bled. Photo: <a href="https://www.tripadvisor.com/Hotel_Review-g274863-d626733-Reviews-Penzion_Mlino-Bled_Upper_Carniola_Region.html" target="_blank" rel="noopener">Tripadvisor</a></figcaption>
|
||||
</figure>
|
||||
|
||||
@@ -261,7 +261,7 @@
|
||||
<p>The important thing is not to collect both viewpoints as quickly as possible. Choose one, take time at the top, and notice how the paths, settlements, forest, and lake fit together.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img loading="lazy" decoding="async" src="../../../images/slovenia-bled-ojstrica-view.webp" alt="Lake Bled, its island, and castle viewed from Ojstrica">
|
||||
<img width="1400" height="933" loading="lazy" decoding="async" src="../../../images/slovenia-bled-ojstrica-view.webp" alt="Lake Bled, its island, and castle viewed from Ojstrica">
|
||||
<figcaption>Ojstrica, above Lake Bled. Photo: <a href="https://kamzavikend.si/ideja/ojstrica-nad-bledom" target="_blank" rel="noopener">kamzavikend.si</a></figcaption>
|
||||
</figure>
|
||||
|
||||
@@ -280,7 +280,7 @@
|
||||
<p>Sometimes Bled is best experienced through one complete walk and enough time to sit by the water.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img loading="lazy" decoding="async" src="../../../images/slovenia-bled-velika-zaka.webp" alt="Rowing activity beside Lake Bled at Velika Zaka">
|
||||
<img width="1000" height="667" loading="lazy" decoding="async" src="../../../images/slovenia-bled-velika-zaka.webp" alt="Rowing activity beside Lake Bled at Velika Zaka">
|
||||
<figcaption>Velika Zaka, Lake Bled. Photo: Nejc Vurnik, <a href="https://www.bled.si/de/veranstaltungen/2026011409234812/2026-world-rowing-masters-regatta-bled/" target="_blank" rel="noopener">bled.si</a></figcaption>
|
||||
</figure>
|
||||
|
||||
|
||||
Reference in new issue
Block a user