我正在开展一个客户项目,该项目充当弱势群体的资源和支持系统。由于预期用户的原因,可访问性合规性被认为是该网站的绝对最高优先级,因此我们目前正在努力尽可能满足WCAG 2.0 AA 级要求。
目前,标题中登录/注册链接的代码如下所示:
<div class="profile-summary">
<a class="profile-summary__link" href="/login">Login</a>
or
<a class="profile-summary__link" href="/register">sign up</a>
</div>
Run Code Online (Sandbox Code Playgroud)
另一位从事用户管理系统工作的开发人员希望将登录链接更改为包含提交按钮的表单。(假设)是这样的:
<div class="profile-summary">
<form action="/login" method="get">
<button type="submit">Login</button>
</form>
or
<a class="profile-summary__link" href="/register">sign up</a>
</div>
Run Code Online (Sandbox Code Playgroud)
这对我来说不太合适,屏幕阅读器和其他辅助软件似乎会出错(例如,在总结页面时不会读取登录选项)。据我所知,其中一些在遇到表单时会切换到“表单模式”,这在这种情况下会很不和谐。
在这种情况下,在普通链接上使用表单和按钮是否会对可访问性产生不利影响?
谢谢!