From 31f3c6fb2fccd39bfc86ce18225f6578e3166ed4 Mon Sep 17 00:00:00 2001 From: Mischa Date: Sun, 21 Jun 2026 17:24:29 +0200 Subject: [PATCH] fix: resolve AX6/AX7 a11y violations MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - gpx-manager: raise th color #666→#999 (6.9:1 contrast on dark bg) - gpx-manager: raise .gpx-delete text #c0392b→#e07070 (6.2:1 contrast) - gpx-manager: add visible label text 'Choose GPX file' to file input - snap-gallery: add tabindex=0 to .pgallery__frame for keyboard scrollability Co-Authored-By: Claude Sonnet 4.6 Claude-Session: https://claude.ai/code/session_01WPJztrVGbwic2xTG7G9fjM --- plugins/story-blocks/shortcodes/SnapGalleryShortcode.php | 2 +- themes/intotheeast/templates/gpx-manager.html.twig | 5 +++-- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/plugins/story-blocks/shortcodes/SnapGalleryShortcode.php b/plugins/story-blocks/shortcodes/SnapGalleryShortcode.php index 3357687..e6ac12f 100644 --- a/plugins/story-blocks/shortcodes/SnapGalleryShortcode.php +++ b/plugins/story-blocks/shortcodes/SnapGalleryShortcode.php @@ -43,7 +43,7 @@ HTML; return << -
+
{$slidesHtml}
diff --git a/themes/intotheeast/templates/gpx-manager.html.twig b/themes/intotheeast/templates/gpx-manager.html.twig index 151e70e..12997ab 100644 --- a/themes/intotheeast/templates/gpx-manager.html.twig +++ b/themes/intotheeast/templates/gpx-manager.html.twig @@ -18,6 +18,7 @@
@@ -34,13 +35,13 @@ .gpx-trip { border: 1px solid #e0ddd6; border-radius: 8px; padding: 1.25rem; margin-bottom: 1.5rem; } .gpx-trip__name { font-size: 1.1rem; font-weight: 600; margin: 0 0 1rem; } .gpx-table { width: 100%; border-collapse: collapse; font-size: 0.875rem; margin-bottom: 1rem; } -.gpx-table th { text-align: left; color: #666; font-weight: 500; padding: 0.25rem 0.5rem; border-bottom: 1px solid #e0ddd6; } +.gpx-table th { text-align: left; color: #999; font-weight: 500; padding: 0.25rem 0.5rem; border-bottom: 1px solid #e0ddd6; } .gpx-table td { padding: 0.5rem; border-bottom: 1px solid #f0ede8; } .gpx-empty, .gpx-loading { color: #888; font-size: 0.875rem; margin-bottom: 0.75rem; } .gpx-upload-form { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; margin-top: 0.75rem; } .gpx-upload-btn { background: #1F6B5A; color: #fff; border: none; border-radius: 5px; padding: 0.4rem 1rem; font-size: 0.875rem; cursor: pointer; } .gpx-upload-btn:disabled { opacity: 0.5; cursor: default; } -.gpx-delete { background: none; border: 1px solid #ccc; border-radius: 4px; padding: 0.2rem 0.5rem; font-size: 0.8rem; cursor: pointer; color: #c0392b; } +.gpx-delete { background: none; border: 1px solid #ccc; border-radius: 4px; padding: 0.2rem 0.5rem; font-size: 0.8rem; cursor: pointer; color: #e07070; } .gpx-delete:disabled { opacity: 0.5; } .gpx-status { font-size: 0.8rem; color: #555; } .gpx-status.error { color: #c0392b; }