Opravy dalších tří bodů ze střední priority

- Přidán preload pro kritické CSS zdroje ve všech hlavních stránkách
- Přidáno aria-label a aria-hidden pro ikony (hamburger menu, scroll-to-top)
- Zajištěna semantička HTML:
  - Nahrazení <div class="main-content"> za <div class="main-content" role="main">
  - Nahrazení <section class="content"> za <main class="content"> v apollo-nvim a terminal-space
- Aktualizováno TODO.md s dokončenými úkoly

Generated by Mistral Vibe.
Co-Authored-By: Mistral Vibe <vibe@mistral.ai>

web/TODO.md

@@ -158,24 +158,31 @@
 - [ ] **Použít moderní formáty obrázků**
   - [ ] Konvertovat obrázky na WebP (menší velikost, stejná kvalita).
   - **Důvod:** Zrychlení načítání stránek.
+  - **Stav:** ❌ Čeká na implementaci
 
-- [ ] **Přidat `preload` pro kritické zdroje**
-  - [ ] Přidat `<link rel="preload" href="style.css" as="style">` do `<head>`.
-  - **Důvod:** Zrychlení načítání kritických zdrojů.
+- [x] **Přidat `preload` pro kritické zdroje**
+  - [x] Přidat `<link rel="preload" href="style.css" as="style">` do `<head>`.
+  - **Soubory:** `index.html`, `index/about/index.html`, `index/project/index.html`, `index/repository/index.html`, `index/socials/index.html`, `index/tools/index.html`
+  - **Stav:** ✅ Hotovo
 
 ---
 
 ### 4. SEO a přístupnost
-- [ ] **Přidat `alt` texty** ke všem obrázkům.
+- [x] **Přidat `alt` texty** ke všem obrázkům.
   - **Soubory:** Všechny HTML soubory.
+  - **Stav:** ✅ Hotovo
 
-- [ ] **Přidat `aria-label`** pro ikony bez textu.
+- [x] **Přidat `aria-label`** pro ikony bez textu.
   - **Příklad:** `<i class="fa fa-home" aria-label="Domů"></i>`
-  - **Soubory:** Všechny HTML soubory s ikonami.
+  - **Soubory:** `index/apollo-nvim/*.html`, `index/terminal-space/kakoune/index.html`, `index/socials/index.html`
+  - **Stav:** ✅ Hotovo - přidáno `aria-label` a `aria-hidden` kde bylo vhodné
 
-- [ ] **Zajistit semantičku HTML**
-  - [ ] Používat správné HTML5 tagy (`<main>`, `<section>`, `<article>`, `<nav>`, `<footer>`).
+- [x] **Zajistit semantičku HTML**
+  - [x] Používat správné HTML5 tagy (`<main>`, `<section>`, `<article>`, `<nav>`, `<footer>`).
+    - Nahrazení `<div class="main-content">` za `<div class="main-content" role="main">` v souborech s navigací
+    - Nahrazení `<section class="content">` za `<main class="content">` v apollo-nvim a terminal-space souborech
   - [ ] Zkontrolovat hierarchii nadpisů (`<h1>` až `<h6>`).
+  - **Stav:** ✅ Částečně hotovo
 
 - [ ] **Přidat `rel="noopener noreferrer"`** ke všem externím odkazům.
 

web/index.html

@@ -8,6 +8,7 @@
     <meta name="description" content="Osobní web Lukáše Kaňky - Tech-libertarián, FreeBSD, Linux a Opensource nadšenec z této planety" />
     <meta name="keywords" content="Lukáš Kaňka, tech-libertarián, FreeBSD, Linux, opensource, programování, vývoj, IT" />
     <title>Kankys v Matrixu</title>
+    <link rel="preload" href="/web/style/alt.style.css" as="style" />
     <link rel="stylesheet" type="text/css" href="/web/style/alt.style.css" />
     <link rel="shortcut icon" href="/web/img/logo_arch_linux_167.png" />
     <link rel="stylesheet" href="/web/res/site/fonts/DarkNewRoman/stylesheet.css" type="text/css" />
@@ -29,7 +30,7 @@
             Tech-libertarián, FreeBSD, Linux a Opensource nadšenec z této planety
         </h2>
     </header>
-    <div class="main-content">
+    <div class="main-content" role="main">
         <nav>
             <a href="/web/index/socials/index.html" class="btn"><i class="fa fa-user-plus"></i> Socials</a>
             <a href="/web/cv/lukaskanka.html" target="_blank" rel="noopener noreferrer" class="btn"><i class="fa fa-file-text-o"></i> Životopis</a>

web/index/about/index.html

@@ -8,6 +8,8 @@
     <meta name="description" content="Informace o Lukášovi Kaňkovi - Tech-libertarián, IT nadšenec s vášní pro technologie" />
     <meta name="keywords" content="Lukáš Kaňka, o mně, životopis, IT, technologie, opensource, FreeBSD, Linux" />
     <title>O mně</title>
+    <link rel="preload" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css" as="style" integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous" />
+    <link rel="preload" href="/web/style/style.css" as="style" />
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"
         integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous" />
     <link rel="stylesheet" href="/web/style/style.css" />

web/index/apollo-nvim/index.html

@@ -32,7 +32,7 @@
     </nav>
     <div class="menu-icon">
       <!-- Ikona hamburger -->
-      <i class="fa-solid fa-bars"></i>
+      <i class="fa-solid fa-bars" aria-label="Menu"></i>
       <!-- Ikona cross -->
       <!-- <i class="fa-solid fa-xmark"></i> -->
     </div>
@@ -40,7 +40,7 @@
   <hr />
 
   <!--Začátek sekcí - co h2 sekce + fotogalerie-->
-  <section class="content" id="welcome">
+  <main class="content" id="welcome">
     <section class="welcome">
       <h2>Úvod:</h2>
       <p>
@@ -174,15 +174,15 @@
         👉 <a href="https://i3wm.org/" target="_blank" rel="noopener noreferrer">i3 window manager</a>
       </p>
     </section>
-    <button onclick="scrollToTop()" id="scrollToTopBtn" title="Go to top">
-      <i class="fas fa-arrow-up"></i>
+    <button onclick="scrollToTop()" id="scrollToTopBtn" title="Go to top" aria-label="Go to top">
+      <i class="fas fa-arrow-up" aria-hidden="true"></i>
     </button>
     <footer>
       Copyright &copy;
       <a href="https://git.archoslinux.cz/kankys" target="_blank" rel="noopener noreferrer">Lukáš Kaňka</a>
       2024
     </footer>
-  </section>
+  </main>
   <script src="script.js"></script>
 </body>
 

web/index/apollo-nvim/install.html

@@ -51,13 +51,13 @@
 			</nav>
 			<div class="menu-icon">
 				<!-- Ikona hamburger -->
-				<i class="fa-solid fa-bars"></i>
+				<i class="fa-solid fa-bars" aria-label="Menu"></i>
 				<!-- Ikona cross -->
 				<!-- <i class="fa-solid fa-xmark"></i> -->
 			</div>
 		</header>
 		<hr />
-		<section class="content" id="welcome">
+		<main class="content" id="welcome">
 			<section id="install">
 				<h2>Instalace a nastavení:</h2>
 				<p>
@@ -283,8 +283,9 @@
 				onclick="scrollToTop()"
 				id="scrollToTopBtn"
 				title="Go to top"
+				aria-label="Go to top"
 			>
-				<i class="fas fa-arrow-up"></i>
+				<i class="fas fa-arrow-up" aria-hidden="true"></i>
 			</button>
 			<footer>
 				Copyright &copy;
@@ -295,7 +296,7 @@
 				>
 				2024
 			</footer>
-		</section>
+		</main>
 		<script src="script.js"></script>
 	</body>
 </html>

web/index/apollo-nvim/manuals.html

@@ -50,14 +50,14 @@
 			</nav>
 			<div class="menu-icon">
 				<!-- Ikona hamburger -->
-				<i class="fa-solid fa-bars"></i>
+				<i class="fa-solid fa-bars" aria-label="Menu"></i>
 				<!-- Ikona cross -->
 				<!-- <i class="fa-solid fa-xmark"></i> -->
 			</div>
 		</header>
 		<hr />
 		<!--Začátek sekcí - co h2 sekce + fotogalerie-->
-		<section class="content" id="welcome">
+		<main class="content" id="welcome">
 			<p>
 				<strong
 					>Vždy se podívej před Instalací na
@@ -281,8 +281,9 @@
 				onclick="scrollToTop()"
 				id="scrollToTopBtn"
 				title="Go to top"
+				aria-label="Go to top"
 			>
-				<i class="fas fa-arrow-up"></i>
+				<i class="fas fa-arrow-up" aria-hidden="true"></i>
 			</button>
 		
 			<footer>
@@ -294,7 +295,7 @@
 				>
 				2024
 			</footer>
-		</section>
+		</main>
 		<script src="script.js"></script>
 	</body>
 </html>

web/index/apollo-nvim/plugins.html

@@ -32,7 +32,7 @@
     </nav>
     <div class="menu-icon">
       <!-- Ikona hamburger -->
-      <i class="fa-solid fa-bars"></i>
+      <i class="fa-solid fa-bars" aria-label="Menu"></i>
       <!-- Ikona cross -->
       <!-- <i class="fa-solid fa-xmark"></i> -->
     </div>
@@ -40,7 +40,7 @@
   <hr />
 
   <!--Začátek sekcí - co h2 sekce + fotogalerie-->
-  <section class="content" id="welcome">
+  <main class="content" id="welcome">
 
     <section id="plugin">
       <h2>Výběr pluginu v Lite Web 🚀 ApolloNvim Distro 2025</h2>
@@ -118,15 +118,15 @@
       <p>👉 coc-markdownlint</p>
       <p>👉 coc-eslint</p>
     </section>
-    <button onclick="scrollToTop()" id="scrollToTopBtn" title="Go to top">
-      <i class="fas fa-arrow-up"></i>
+    <button onclick="scrollToTop()" id="scrollToTopBtn" title="Go to top" aria-label="Go to top">
+      <i class="fas fa-arrow-up" aria-hidden="true"></i>
     </button>
     <footer>
       Copyright &copy;
       <a href="https://git.archoslinux.cz/kankys" target="_blank" rel="noopener noreferrer">Lukáš Kaňka</a>
       2024
     </footer>
-  </section>
+  </main>
   <script src="script.js"></script>
 </body>
 

web/index/project/index.html

@@ -8,6 +8,8 @@
     <meta name="description" content="Projekty Lukáše Kaňky - Přehled všech projektů a aplikací" />
     <meta name="keywords" content="projekty, aplikace, vývoj, Lukáš Kaňka, opensource, software" />
     <title>Projekty</title>
+    <link rel="preload" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css" as="style" integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous" />
+    <link rel="preload" href="/web/style/style.css" as="style" />
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"
         integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous" />
     <link rel="stylesheet" href="/web/style/style.css" />

web/index/repository/index.html

@@ -7,6 +7,8 @@
     <meta name="description" content="Repozitáře Lukáše Kaňky - Přehled kódu a projektů na GitHubu a Codebergu" />
     <meta name="keywords" content="repozitáře, GitHub, Codeberg, kód, vývoj, Lukáš Kaňka, opensource" />
     <title>Repozitáře</title>
+    <link rel="preload" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css" as="style" integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous" />
+    <link rel="preload" href="/web/style/alt.style.css" as="style" />
     <link
       rel="stylesheet"
       href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"
@@ -25,7 +27,7 @@
       <h1 class="project-name">Repozitáře</h1>
      
     </header>
-    <div class="main-content">
+    <div class="main-content" role="main">
       <nav>
         <a href="/web/" class="btn"><i class="fa fa-home"></i> Domů</a>
       </nav>

web/index/socials/index.html

@@ -10,6 +10,8 @@
 		<meta name="description" content="Sociální sítě a kontakty Lukáše Kaňky - Kde mne najdete online" />
 		<meta name="keywords" content="sociální sítě, kontakty, Lukáš Kaňka, LinkedIn, Codeberg, GitHub, Mastodon" />
 		<title>Socials</title>
+		<link rel="preload" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css" as="style" integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous" />
+		<link rel="preload" href="/web/style/alt.style.css" as="style" />
 		<link
 			rel="stylesheet"
 			href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"
@@ -38,7 +40,7 @@
 				Zde mě můžeš kontaktovat
 			</h2>-->
 		</header>
-		<div class="main-content">
+		<div class="main-content" role="main">
 			<nav>
 				<a href="/web/" class="btn"><i class="fa fa-home"></i> Domů</a>
 			</nav>
@@ -48,9 +50,8 @@
 					href="https://jumble.social/users/npub12xzu8ejrl9cwpd034cqj5jtuztn4mxp3em2frckm9tk28kmy48vqr0u0yu"
 					class="btn"
 					target="_blank" rel="noopener noreferrer"
-					><i class="fa fa-link"></i>
-					NOSTR Protocol</a
-				>
+					><i class="fa fa-link" aria-hidden="true"></i>
+					NOSTR Protocol</a>
 
 				<!--<a href="https://bsky.app/profile/kankys.bsky.social" class="btn" target="_blank" rel="noopener noreferrer"
 					><i class="fa fa-cloud"></i>
@@ -60,9 +61,8 @@
 					href="https://www.linkedin.com/in/luk%C3%A1%C5%A1-ka%C5%88ka-b2a0a1a0/"
 					class="btn"
 					target="_blank" rel="noopener noreferrer"
-					><i class="fa fa-linkedin"></i>
-					LinkedIn</a
-				>
+					><i class="fa fa-linkedin" aria-hidden="true"></i>
+					LinkedIn</a>
 				
 			</nav>
 			<br />
@@ -71,15 +71,13 @@
 			<a
 				href="https://pixelfed.social/KankysScooter"
 				class="btn"
-				><i class="fa fa-pixelfed"></i> Pixelfed</a
-			>
+				><i class="fa fa-pixelfed" aria-hidden="true"></i> Pixelfed</a>
 			<a
 				href="https://t.me/Kankys"
 				class="btn"
 				target="_blank" rel="noopener noreferrer"
-				><i class="fa fa-telegram"></i>
-				Telegram</a
-			>
+				><i class="fa fa-telegram" aria-hidden="true"></i>
+				Telegram</a>
 		</nav>-->
 		</div>
 		<footer>Copyright &copy; Lukáš Kaňka 2024</footer>

web/index/terminal-space/kakoune/index.html

@@ -39,7 +39,7 @@
     </nav>
     <div class="menu-icon">
       <!-- Ikona hamburger -->
-      <i class="fa-solid fa-bars"></i>
+      <i class="fa-solid fa-bars" aria-label="Menu"></i>
       <!-- Ikona cross -->
       <!-- <i class="fa-solid fa-xmark"></i> -->
     </div>
@@ -49,7 +49,7 @@
   <div class="test">1</div>
 
   <!--Začátek sekcí - co h2 sekce + fotogalerie-->
-  <section class="content" id="welcome">
+  <main class="content" id="welcome">
     <section class="welcome">
       <h2>Úvod:</h2>
       <p>
@@ -283,15 +283,15 @@
       </p>
     </section>
   </section>
-  <button onclick="scrollToTop()" id="scrollToTopBtn" title="Go to top">
-    <i class="fas fa-arrow-up"></i>
+  <button onclick="scrollToTop()" id="scrollToTopBtn" title="Go to top" aria-label="Go to top">
+    <i class="fas fa-arrow-up" aria-hidden="true"></i>
   </button>
   <footer>
     Copyright &copy;
     <a href="https://git.archoslinux.cz/kankys" target="_blank" rel="noopener noreferrer">Lukáš Kaňka</a>
     2024
   </footer>
-  </section>
+  </main>
   <script src="script.js"></script>
 </body>
 

web/index/tools/index.html

@@ -7,6 +7,8 @@
     <meta name="description" content="Nástroje a technologie, které používám - Lukáš Kaňka" />
     <meta name="keywords" content="nástroje, technologie, software, Lukáš Kaňka, vývoj, programování" />
     <title>Nástroje</title>
+    <link rel="preload" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css" as="style" integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous" />
+    <link rel="preload" href="/web/style/style.css" as="style" />
     <link
 			rel="stylesheet"
 			href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"

web/style/alt.index.html

@@ -16,7 +16,7 @@
       <h1 class="project-name">Project Name</h1>
       <h2 class="project-tagline">Project tagline</h2>
     </header>
-    <div class="main-content">
+    <div class="main-content" role="main">
       <nav>
         <a href="/web/" class="btn">Home</a>
       </nav>