improvement: a11y: make "download" focusable

In `FullscreenMedia` and `FullscreenAvatar`
deltachat · Oct 19, 2024 · b5dc8c1 · b5dc8c1
1 parent 513f584
commit b5dc8c1
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git 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
@@ -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')}