From c714552506d4e1f2ebf65bf8c286d092370826ee Mon Sep 17 00:00:00 2001
From: Philipp Daun <post@philippdaun.net>
Date: Fri, 9 Aug 2024 15:08:43 +0200
Subject: [PATCH 1/2] Fix title attribute of asset tile buttons

---
 .../js/components/fieldtypes/assets/AssetTile.vue    | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/resources/js/components/fieldtypes/assets/AssetTile.vue b/resources/js/components/fieldtypes/assets/AssetTile.vue
index 47610682eb..0ee58285fb 100644
--- a/resources/js/components/fieldtypes/assets/AssetTile.vue
+++ b/resources/js/components/fieldtypes/assets/AssetTile.vue
@@ -6,7 +6,7 @@
             'is-svg': canShowSvg,
             'is-file': !isImage && !canShowSvg,
         }"
-        :title="asset.filename"
+        :title="label"
     >
         <asset-editor
             v-if="editing"
@@ -29,7 +29,7 @@
                     <img :src="thumbnail" v-if="isImage" :title="label" />
 
                     <template v-else>
-                        <img v-if="canShowSvg" :src="asset.url" class="p-4" />
+                        <img v-if="canShowSvg" :src="asset.url" :title="label" class="p-4" />
                         <file-icon
                             v-else
                             :extension="asset.extension"
@@ -40,11 +40,11 @@
 
                 <div class="asset-controls" v-if="!readOnly">
                     <div class="h-full w-full flex items-center justify-center space-x-1 rtl:space-x-reverse">
-                        <button @click="edit" class="btn btn-icon" :alt="__('Edit')">
+                        <button @click="edit" class="btn btn-icon" :title="__('Edit')">
                             <svg-icon name="micro/sharp-pencil" class="h-4 my-2" />
                         </button>
 
-                        <button @click="remove" class="btn btn-icon" :alt="__('Remove')">
+                        <button @click="remove" class="btn btn-icon" :title="__('Remove')">
                             <span class="text-lg antialiased w-4">×</span>
                         </button>
                     </div>
@@ -55,7 +55,7 @@
                         v-if="asset.url && asset.isMedia && this.canDownload"
                         @click="open"
                         class="btn btn-icon"
-                        :alt="__('Open in a new window')"
+                        :title="__('Open in a new window')"
                     >
                         <svg-icon name="light/external-link" class="h-4 my-2" />
                     </button>
@@ -64,7 +64,7 @@
                         v-if="asset.allowDownloading && this.canDownload"
                         @click="download"
                         class="btn btn-icon"
-                        :alt="__('Download file')"
+                        :title="__('Download file')"
                     >
                         <svg-icon name="download" class="h-4 my-2" />
                     </button>

From 1c559547eb5477054261b59c0adb5d767a9564ce Mon Sep 17 00:00:00 2001
From: Philipp Daun <post@philippdaun.net>
Date: Fri, 9 Aug 2024 15:16:52 +0200
Subject: [PATCH 2/2] Add titles to asset row actions

---
 resources/js/components/fieldtypes/assets/AssetRow.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/resources/js/components/fieldtypes/assets/AssetRow.vue b/resources/js/components/fieldtypes/assets/AssetRow.vue
index 5e8e2919a0..c23587b073 100644
--- a/resources/js/components/fieldtypes/assets/AssetRow.vue
+++ b/resources/js/components/fieldtypes/assets/AssetRow.vue
@@ -24,6 +24,7 @@
                 v-if="showFilename"
                 @click="editOrOpen"
                 class="flex items-center flex-1 rtl:mr-3 ltr:ml-3 text-xs rtl:text-right ltr:text-left truncate w-full"
+                :title="__('Edit')"
                 :aria-label="__('Edit Asset')"
             >
                 {{ asset.basename }}
@@ -43,6 +44,7 @@
             <button
                 class="flex items-center p-1 w-6 h-8 text-lg antialiased text-gray-600 dark:text-dark-150 hover:text-gray-900 dark:hover:text-dark-100"
                 @click="remove"
+                :title="__('Remove')"
                 :aria-label="__('Remove Asset')"
             >
                 ×