diff --git a/src/renderer-profile.ts b/src/renderer-profile.ts
index 38ec6a0..940beb2 100644
--- a/src/renderer-profile.ts
+++ b/src/renderer-profile.ts
@@ -121,7 +121,7 @@ function renderStreamerProfileCard(p: StreamerProfile): void {
     // current preview frame + viewer count + title + game + record CTA.
     const liveCard = p.isLive
         ? `
-            <div class="streamer-profile-live-card" onclick="triggerLiveRecordingFromProfile('${safeLogin}')" title="${escapeProfileHtml(UI_TEXT.profile.liveCardTooltip)}">
+            <div class="streamer-profile-live-card" role="button" tabindex="0" aria-label="${escapeProfileHtml(UI_TEXT.profile.liveCardTooltip)}" onclick="triggerLiveRecordingFromProfile('${safeLogin}')" onkeydown="if((event.key==='Enter'||event.key===' ')&&event.target===event.currentTarget){event.preventDefault();triggerLiveRecordingFromProfile('${safeLogin}');}" title="${escapeProfileHtml(UI_TEXT.profile.liveCardTooltip)}">
                 ${p.currentStreamPreviewUrl
                     ? `<img class="streamer-profile-live-thumb" src="${escapeProfileHtml(p.currentStreamPreviewUrl)}" alt="Live preview" onerror="onProfileLivePreviewError(this)">`
                     : `<div class="streamer-profile-live-thumb-fallback"></div>`}
@@ -140,7 +140,7 @@ function renderStreamerProfileCard(p: StreamerProfile): void {
     applyProfileHtml(el, `
         ${bannerStyle ? `<div class="streamer-profile-banner-bg" style="${bannerStyle}"></div>` : ''}
         <div class="streamer-profile-row">
-            <div class="streamer-profile-avatar-wrap" onclick="openTwitchChannel('${safeUrl}')" title="${escapeProfileHtml(UI_TEXT.profile.openTwitchTooltip)}">
+            <div class="streamer-profile-avatar-wrap" role="button" tabindex="0" aria-label="${escapeProfileHtml(UI_TEXT.profile.openTwitchTooltip)}" onclick="openTwitchChannel('${safeUrl}')" onkeydown="if(event.key==='Enter'||event.key===' '){event.preventDefault();openTwitchChannel('${safeUrl}');}" title="${escapeProfileHtml(UI_TEXT.profile.openTwitchTooltip)}">
                 ${avatarBlock}
             </div>
             <div class="streamer-profile-body">
diff --git a/src/styles.css b/src/styles.css
index e3261e9..f8f6dee 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -3340,6 +3340,17 @@ input[type="number"]::-webkit-outer-spin-button {
     transform: scale(1.04);
 }
 
+.streamer-profile-avatar-wrap:focus-visible {
+    outline: none;
+    border-radius: 50%;
+    box-shadow: 0 0 0 3px rgba(145, 70, 255, 0.55);
+}
+
+.streamer-profile-live-card:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 3px rgba(233, 25, 22, 0.55), 0 6px 22px rgba(233, 25, 22, 0.20);
+}
+
 .streamer-profile-avatar {
     width: 88px;
     height: 88px;