authentication - SPA 中可访问性的注销路径或功能

Question

如果我们使用有什么区别吗

• 带有路由的链接：<a href="/logout">Logout</a>，或
• 具有功能的按钮：<button onclick="logout()">Logout</button>

在可访问性方面？

该/logout路线基本上只是重定向到/login. 使用该logout()功能时也会发生同样的情况。

是否有任何优点/缺点？

标签： authenticationaccessibilitysingle-page-applicationlogoutweb-accessibility

Answer 1

不是一个完整的答案，只是补充几点：

您已经了解何时使用链接（导航）与按钮（基于 JS 的操作）的一般用例。

这就是我通常在 SPA 中的想法：

在登录/注销或表单提交的情况下，虽然“动作”可以导航到新页面但它是间接的，它首先需要由 SPA 处理和处理，根据该 SPA 做出路由决定。此外，允许在默认提供的链接或可收藏的新选项卡中打开登录/注销是没有意义的。

还要考虑一下您使用 SignUp 或 Login 做什么，它们是按钮。

所以在这种情况下我会选择一个按钮。