diff --git a/app/src/assets/scss/business/_av.scss b/app/src/assets/scss/business/_av.scss
index 9241e23db..23b06bd6a 100644
--- a/app/src/assets/scss/business/_av.scss
+++ b/app/src/assets/scss/business/_av.scss
@@ -422,7 +422,7 @@
       }
 
       &--edit .av__gallery-field[data-empty="true"] .av__gallery-tip {
-        display: flex;
+        display: block;
       }
 
       &:not(.av__gallery-fields--edit) [data-empty="true"] {
@@ -435,19 +435,16 @@
     }
 
     &-name {
-      display: flex;
-      align-items: center;
       opacity: 0.38;
       padding: 2px 4px;
       width: 100%;
-      flex-wrap: wrap;
       white-space: normal;
-      word-break: break-all;
+      box-sizing: border-box;
     }
 
     &-tip {
+      box-sizing: border-box;
       display: none;
-      align-items: center;
       opacity: 0.38;
       padding: 2px 4px;
       width: 100%;
@@ -457,11 +454,18 @@
 
     &-tip,
     &-name {
-      img:first-child, svg:first-child {
-        height: calc(1.625em - 10px);
+      img:first-child, svg:first-child, svg.ariaLabel {
+        height: 1.625em;
         width: calc(1.625em - 10px);
         margin: 0 5px 0 0;
         font-size: 1em;
+        vertical-align: bottom;
+      }
+
+      img:first-child{
+        height: calc(1.625em - 10px);
+        float: left;
+        margin-top: 5px;
       }
 
       span:first-child {
diff --git a/app/src/protyle/render/av/gallery/render.ts b/app/src/protyle/render/av/gallery/render.ts
index 9e303bf27..c8bf1b5fb 100644
--- a/app/src/protyle/render/av/gallery/render.ts
+++ b/app/src/protyle/render/av/gallery/render.ts
@@ -86,18 +86,15 @@ ${cell.color ? `color:${cell.color};` : ""}">${renderCell(cell.value, rowIndex,
             if (data.displayFieldName) {
                 galleryHTML += `<div class="av__gallery-field av__gallery-field--name" data-empty="${isEmpty}">
     <div class="av__gallery-name">
-        ${data.fields[fieldsIndex].icon ? unicode2Emoji(data.fields[fieldsIndex].icon, undefined, true) : `<svg><use xlink:href="#${getColIconByType(data.fields[fieldsIndex].type)}"></use></svg>`} 
-        ${Lute.EscapeHTMLStr(data.fields[fieldsIndex].name)}
-        <span class="fn__space"></span>
-        <span class="ft__smaller">${data.fields[fieldsIndex].desc || ""}</span>
+        ${data.fields[fieldsIndex].icon ? unicode2Emoji(data.fields[fieldsIndex].icon, undefined, true) : `<svg><use xlink:href="#${getColIconByType(data.fields[fieldsIndex].type)}"></use></svg>`}${Lute.EscapeHTMLStr(data.fields[fieldsIndex].name)}
+        ${data.fields[fieldsIndex].desc ? `<svg aria-label="${data.fields[fieldsIndex].desc}" data-position="north" class="ariaLabel"><use xlink:href="#iconInfo"></use></svg>` : ""}
     </div>
     ${cellHTML}
 </div>`;
             } else {
                 galleryHTML += `<div class="av__gallery-field" data-empty="${isEmpty}">
     <div class="av__gallery-tip">
-        ${data.fields[fieldsIndex].icon ? unicode2Emoji(data.fields[fieldsIndex].icon, undefined, true) : `<svg><use xlink:href="#${getColIconByType(data.fields[fieldsIndex].type)}"></use></svg>`}
-        ${window.siyuan.languages.edit} ${Lute.EscapeHTMLStr(data.fields[fieldsIndex].name)}
+        ${data.fields[fieldsIndex].icon ? unicode2Emoji(data.fields[fieldsIndex].icon, undefined, true) : `<svg><use xlink:href="#${getColIconByType(data.fields[fieldsIndex].type)}"></use></svg>`}${window.siyuan.languages.edit} ${Lute.EscapeHTMLStr(data.fields[fieldsIndex].name)}
     </div>
     ${cellHTML}
 </div>`;