fix: react-doctor prefer-tag-over-role 18→0 (native dialog, label dropzones, ul lists)

2026-06-26 05:18:30 -06:00
parent 17c9c006ea
commit 0ea11e4db6
18 changed files with 402 additions and 311 deletions
@@ -561,11 +561,10 @@ export default function HeroSection() {
        </div>

        {/* ─── SCROLL INDICATOR ────────────────────────────────────────────────── */}
-        <div
-          role="button"
-          tabIndex={0}
+        <button
+          type="button"
          onKeyDown={(e) => { if (e.key === "Enter" || e.key === " ") scrollToContent(); }}
-          className="scroll-indicator absolute bottom-12 left-1/2 -translate-x-1/2 flex flex-col items-center gap-4 cursor-pointer"
+          className="scroll-indicator absolute bottom-12 left-1/2 -translate-x-1/2 flex flex-col items-center gap-4 cursor-pointer bg-transparent border-0 p-0"
          onClick={scrollToContent}
        >
          <span className="text-xs font-semibold tracking-[0.2em] uppercase" style={{ color: "#6b8f71" }}>
@@ -580,7 +579,7 @@ export default function HeroSection() {
              }}
            />
          </div>
-        </div>
+        </button>

        {/* Decorative leaves */}
        <div className="parallax-float absolute bottom-32 left-16 opacity-15" style={{ animationDelay: "0.5s" }}>