From ff418d81a8a5dcd0f062ad4018aa8cbb54a393fe Mon Sep 17 00:00:00 2001
From: ccbikai <ccbikai@gmail.com>
Date: Sat, 21 Sep 2024 16:39:57 +0800
Subject: [PATCH] fix: improve accessibility and remove unnecessary attributes

Enhanced accessibility by wrapping time display in a semantic `<time>` element, ensuring better screen reader support. Removed inline styles and onclick attributes from elements, simplifying the code and improving performance.
---
 src/components/item.astro | 4 +++-
 src/lib/telegram/index.js | 4 ++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/item.astro b/src/components/item.astro
index 3f7076da..5d4b60d2 100644
--- a/src/components/item.astro
+++ b/src/components/item.astro
@@ -20,7 +20,9 @@ const timeago = datetime.isBefore(dayjs().subtract(1, 'w')) ? datetime.format('H
   <div class="time-box">
     <div class="dot"></div>
     <div class="time">
-      <a href={`${SITE_URL}posts/${post.id}`} title={post.datetime} class="item-link">{timeago}</a>
+      <a href={`${SITE_URL}posts/${post.id}`} title={post.datetime} class="item-link">
+        <time datetime={post.datetime} title={timeago}>{timeago}</time>
+      </a>
     </div>
   </div>
   {post.content.length > 0 && <div class={`text-box content`} set:html={post.content} />}
diff --git a/src/lib/telegram/index.js b/src/lib/telegram/index.js
index 7904617e..100ec69b 100644
--- a/src/lib/telegram/index.js
+++ b/src/lib/telegram/index.js
@@ -100,9 +100,9 @@ function getReply($, item, { channel }) {
 }
 
 function modifyHTMLContent($, content, { index } = {}) {
-  $(content).find('.emoji')?.attr('style', '')
+  $(content).find('.emoji')?.removeAttr('style')
   $(content).find('a')?.each((_index, a) => {
-    $(a)?.attr('title', $(a)?.text())?.attr('onclick', '')
+    $(a)?.attr('title', $(a)?.text())?.removeAttr('onclick')
   })
   $(content).find('tg-spoiler')?.each((_index, spoiler) => {
     const id = `spoiler-${index}-${_index}`