diff --git a/src/components/EngagementTabs.astro b/src/components/EngagementTabs.astro
index 04d5ff1..ccf126c 100644
--- a/src/components/EngagementTabs.astro
+++ b/src/components/EngagementTabs.astro
@@ -30,17 +30,17 @@ const showTabs = showWebmention && showComments;
type="button"
role="tab"
aria-controls="engagement-panel-webmentions"
- aria-selected="true"
+ aria-selected="false"
+ tabindex={-1}
data-engagement-tab="webmentions"
- >Webmention
+ >Webmentions
:
{showWebmention ? 'Webmention' : '评论'}
}
@@ -51,6 +51,7 @@ const showTabs = showWebmention && showComments;
role={showTabs ? 'tabpanel' : undefined}
aria-labelledby={showTabs ? 'engagement-tab-webmentions' : undefined}
data-engagement-panel={showTabs ? 'webmentions' : undefined}
+ hidden={showTabs}
>
}
@@ -61,7 +62,6 @@ const showTabs = showWebmention && showComments;
role={showTabs ? 'tabpanel' : undefined}
aria-labelledby={showTabs ? 'engagement-tab-comments' : undefined}
data-engagement-panel={showTabs ? 'comments' : undefined}
- hidden={showTabs}
>
}
@@ -213,7 +213,8 @@ const showTabs = showWebmention && showComments;
root.dataset.engagementTabsBound = 'true';
const tabs = Array.from(root.querySelectorAll('[data-engagement-tab]'));
- const initialTab = tabNameFromHash() ?? (tabs[0]?.dataset.engagementTab as EngagementTabName | undefined);
+ const defaultTab = tabs.find((tab) => tab.dataset.engagementTab === 'comments')?.dataset.engagementTab;
+ const initialTab = tabNameFromHash() ?? (defaultTab as EngagementTabName | undefined);
if (initialTab) activateEngagementTab(root, initialTab);
for (const tab of tabs) {