d0zingcat/BroadcastChannel
1
0
Fork 0
mirror of https://github.com/d0zingcat/BroadcastChannel.git synced 2026-06-07 23:16:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: improve accessibility and remove unnecessary attributes

Browse Source 
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.
This commit is contained in:
ccbikai
2024-09-21 16:39:57 +08:00
parent dac74bc9d8
commit ff418d81a8
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/item.astro
View File

@@ -20,7 +20,9 @@ const timeago = datetime.isBefore(dayjs().subtract(1, 'w')) ? datetime.format('H
<div class="time-box"> <div class="time-box">
<div class="dot"></div> <div class="dot"></div>
<div class="time"> <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>
</div> </div>
{post.content.length > 0 && <div class={`text-box content`} set:html={post.content} />} {post.content.length > 0 && <div class={`text-box content`} set:html={post.content} />}

4
src/lib/telegram/index.js
View File

@@ -100,9 +100,9 @@ function getReply($, item, { channel }) {
} }
function modifyHTMLContent($, content, { index } = {}) { function modifyHTMLContent($, content, { index } = {}) {
$(content).find('.emoji')?.attr('style', '') $(content).find('.emoji')?.removeAttr('style')
$(content).find('a')?.each((_index, a) => { $(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) => { $(content).find('tg-spoiler')?.each((_index, spoiler) => {
const id = `spoiler-${index}-${_index}` const id = `spoiler-${index}-${_index}`