feat: améliorer l'accessibilité et les performances avec support pour prefers-reduced-motion, prefers-contrast, focus-visible, ajout de preconnect pour les domaines externes, versioning des assets CSS/JS, et correction des chemins de ressources avec ltrim

shaarli-pro/css/style.css

@@ -3743,4 +3743,59 @@ select:focus {
 /* Utility */
 .text-right {
     text-align: right;
+}
+
+/* ===== Accessibility Enhancements ===== */
+
+/* Reduced Motion - Respect user preferences */
+@media (prefers-reduced-motion: reduce) {
+    *,
+    *::before,
+    *::after {
+        animation-duration: 0.01ms !important;
+        animation-iteration-count: 1 !important;
+        transition-duration: 0.01ms !important;
+        scroll-behavior: auto !important;
+    }
+}
+
+/* High Contrast Mode */
+@media (prefers-contrast: high) {
+    :root {
+        --border: #000000;
+        --text-main: #000000;
+        --text-secondary: #000000;
+        --primary: #0000ff;
+        --primary-hover: #0000cc;
+        --bg-body: #ffffff;
+        --bg-sidebar: #ffffff;
+        --bg-card: #ffffff;
+    }
+
+    [data-theme="dark"] {
+        --border: #ffffff;
+        --text-main: #ffffff;
+        --text-secondary: #ffffff;
+        --primary: #00ffff;
+        --primary-hover: #66ffff;
+        --bg-body: #000000;
+        --bg-sidebar: #000000;
+        --bg-card: #000000;
+    }
+
+    .sidebar-link:focus,
+    .header-nav-link:focus,
+    button:focus-visible,
+    a:focus-visible {
+        outline: 3px solid currentColor;
+        outline-offset: 4px;
+    }
+}
+
+/* Focus Visible - Enhanced keyboard navigation */
+@supports not selector(:focus-visible) {
+    *:focus {
+        outline: 2px solid var(--primary);
+        outline-offset: 2px;
+    }
 }