我正在使用 SvelteKit,并且尝试渲染一个锚元素,为没有 JavaScript 的用户打开登录页面,但如果用户启用了 JavaScript,则渲染一个打开模态的按钮,以获得更好的用户体验。我怎样才能做到这一点?
目前,我正在像这样实现它(该组件接受 href 并将其呈现为样式为按钮的锚元素):
<Button
href="/login"
on:click={(e) => {
e.preventDefault();
modalStore.trigger(modal);
}}
id="toggleAuthBtn"
>
Login
</Button>
然而,这对于可访问性不太友好,因为它被渲染为锚元素。