diff --git a/src/app/components/editor/Elements.tsx b/src/app/components/editor/Elements.tsx
index 3f4fd49..02fb545 100644
--- a/src/app/components/editor/Elements.tsx
+++ b/src/app/components/editor/Elements.tsx
@@ -98,7 +98,8 @@ function RenderEmoticonElement({
           isUsingTwemoji() ? <img
             className={css.EmoticonImg}
             src={getEmojiUrl(element.key)}
-            alt={element.shortcode}
+            alt={element.key}
+            title={element.shortcode}
           /> : element.key
         )}
         {children}
diff --git a/src/app/components/emoji-board/EmojiBoard.tsx b/src/app/components/emoji-board/EmojiBoard.tsx
index 2df0fbe..344ba47 100644
--- a/src/app/components/emoji-board/EmojiBoard.tsx
+++ b/src/app/components/emoji-board/EmojiBoard.tsx
@@ -283,7 +283,8 @@ const NativeEmoji = (emoji: IEmoji) =>
     loading="lazy"
     className={css.EmoticonImg}
     src={getEmojiUrl(emoji.unicode)}
-    alt={emoji.shortcode}
+    alt={emoji.unicode}
+    title={emoji.shortcode}
   /> : emoji.unicode;
 
 export function EmojiItem({
diff --git a/src/app/plugins/react-custom-html-parser.tsx b/src/app/plugins/react-custom-html-parser.tsx
index c473196..a12a42d 100644
--- a/src/app/plugins/react-custom-html-parser.tsx
+++ b/src/app/plugins/react-custom-html-parser.tsx
@@ -46,6 +46,7 @@ export const scaleSystemEmoji = (text: string): (string | JSX.Element)[] =>
       return <span key={`scaleSystemEmoji-${pushIndex}`} className={css.EmoticonBase}>{
         isUsingTwemoji() ? <img
           className={className}
+          alt={char}
           title={title}
           src={getEmojiUrl(char)}
         /> : <span