diff --git a/frontend/src/components/BackToTop.tsx b/frontend/src/components/BackToTop.tsx
index fc021bd..26bc792 100644
--- a/frontend/src/components/BackToTop.tsx
+++ b/frontend/src/components/BackToTop.tsx
@@ -28,16 +28,18 @@ export default function BackToTop({ dep, threshold = 600 }: { dep?: unknown; thr
 
   const toTop = () => scrollerRef.current?.scrollTo({ top: 0, behavior: "smooth" });
 
+  // No aria-label/title attributes: ad-block "annoyance" cosmetic filters (e.g. Brave Shields)
+  // commonly hide floating corner buttons via attribute selectors like [aria-label="Back to top"].
+  // The accessible name comes from a visually-hidden child instead, which those selectors can't match.
   return createPortal(
     <button
       onClick={toTop}
-      aria-label={t("common.backToTop")}
-      title={t("common.backToTop")}
       className={`fixed bottom-5 right-5 z-30 inline-flex items-center justify-center w-11 h-11 rounded-full bg-card border border-border text-fg shadow-lg hover:border-accent hover:text-accent transition-all duration-200 ${
         show ? "opacity-100 translate-y-0" : "opacity-0 translate-y-3 pointer-events-none"
       }`}
     >
-      <ArrowUp className="w-5 h-5" />
+      <ArrowUp className="w-5 h-5" aria-hidden="true" />
+      <span className="sr-only">{t("common.backToTop")}</span>
     </button>,
     document.body
   );