Skip to content

Commit 2ab7d98

Browse files
committed
fix(a11y): uses semantic time elements for date display
1 parent f77fa15 commit 2ab7d98

File tree

1 file changed

+6
-4
lines changed

1 file changed

+6
-4
lines changed

src/app/components/dashboard/ItemRow.tsx

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -122,20 +122,22 @@ export default function ItemRow(props: ItemRowProps) {
122122
<div class="relative z-10">{props.surfacedByBadge}</div>
123123
</Show>
124124
<span class="inline-flex items-center gap-1 whitespace-nowrap">
125-
<span
125+
<time
126+
datetime={props.createdAt}
126127
title={timeInfo().createdTitle}
127128
aria-label={timeInfo().createdLabel}
128129
>
129130
{timeInfo().created}
130-
</span>
131+
</time>
131132
<Show when={hasUpdate()}>
132133
<span aria-hidden="true">{"\u00B7"}</span>
133-
<span
134+
<time
135+
datetime={props.updatedAt}
134136
title={timeInfo().updatedTitle}
135137
aria-label={timeInfo().updatedLabel}
136138
>
137139
{timeInfo().updated}
138-
</span>
140+
</time>
139141
</Show>
140142
</span>
141143
<Show when={props.isPolling}>

0 commit comments

Comments
 (0)