From b5dc8c1bd646c67541620dcad027757902bd6770 Mon Sep 17 00:00:00 2001
From: WofWca <wofwca@protonmail.com>
Date: Sat, 19 Oct 2024 21:23:50 +0400
Subject: [PATCH] improvement: a11y: make "download" focusable

In `FullscreenMedia` and `FullscreenAvatar`
---
 packages/frontend/src/components/dialogs/FullscreenAvatar.tsx | 3 +--
 packages/frontend/src/components/dialogs/FullscreenMedia.tsx  | 3 +--
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/packages/frontend/src/components/dialogs/FullscreenAvatar.tsx b/packages/frontend/src/components/dialogs/FullscreenAvatar.tsx
index d40dfd5a0..7702bc159 100644
--- a/packages/frontend/src/components/dialogs/FullscreenAvatar.tsx
+++ b/packages/frontend/src/components/dialogs/FullscreenAvatar.tsx
@@ -61,8 +61,7 @@ export default function FullscreenAvatar(
         </div>
       </div>
       <div className='btn-wrapper no-drag'>
-        <div
-          role='button'
+        <button
           onClick={saveAs}
           className='download-btn'
           aria-label={tx('save')}
diff --git a/packages/frontend/src/components/dialogs/FullscreenMedia.tsx b/packages/frontend/src/components/dialogs/FullscreenMedia.tsx
index f860ff6c5..a02dabadd 100644
--- a/packages/frontend/src/components/dialogs/FullscreenMedia.tsx
+++ b/packages/frontend/src/components/dialogs/FullscreenMedia.tsx
@@ -257,8 +257,7 @@ export default function FullscreenMedia(props: Props & DialogProps) {
       <div className='attachment-view'>{elm}</div>
       {elm && (
         <div className='btn-wrapper no-drag'>
-          <div
-            role='button'
+          <button
             onClick={onDownload.bind(null, msg)}
             className='download-btn'
             aria-label={tx('save')}