表单可访问性 - 按钮上的操作

Posted 2023-02-24

【中文标题】表单可访问性 - 按钮上的操作

【英文标题】：Forms accessibility - actions on buttons

【发布时间】：2017-09-15 14:10:22

【问题描述】：

我有一个购物车，例如，有一个 <button> 会触发将商品添加到购物车的操作。

而我的困境是： - 我应该只有一个带有 JS 钩子的独立按钮，它向 API 发送 POST 请求以将商品添加/更新到购物车吗？ - 或者我应该将它包装在 <form> 中并隐藏 <input>s 然后当没有 JS 时按钮将起作用，因为将提交表单并且启用 JS 时我将通过 JS 提交表单。

但是当不使用<form> 和<input>s 而只是简单的<button> 时，代码会更简洁。 现在很多页面都需要 JS 才能运行。 谁关掉了 JS？

那么我应该费心提供无 JS 功能吗？

也许我应该只为公共部门网站提供它？

在我的情况下，JS 不会是一种增强功能，而是替代您所看到的默认表单功能。

【参考方案1】：

在我看来，现在需要 javascript 是完全可以接受的。在某些情况下，它甚至可以提供更好、更易于访问的用户体验。

话虽如此，为无论出于何种原因未启用 javascript 的客户端提供优雅的后备方案也非常重要。至少，应该有某种警告或提醒，让用户知道没有 Javascript 基本功能将无法工作。

【讨论】：

嗨@Josh。谢谢您的意见。我看到网站他们的主要内容甚至是由 JS 生成的，谷歌当然会对其进行索引，但是没有 JS 这样的页面根本无法访问。就我的购物车而言，只有这个功能在没有 JS 的情况下是无法访问的。当然，我可以让它同时工作并使其易于访问，但值得花更多时间 - 没有 JS 的人的百分比可能非常低，我敢打赌，低于 1%。

我同意你的观点，没有启用 Javascript 的观众比例可能会很低。但是，如果您运营一个每天有数千名访问者的大容量网站，那么即使是 1% 也可能变成可观的数字。如果它是一个较小的网站，流量相对较低，我可能只会创建一个警告或警报。

好的。你说的对。但是例如在没有 JS 的 Youtube 上，你什么也看不到 :) 另一方面，在 Facebook 上，有一条消息。

YouTube 在这方面做得很糟糕。对于它的价值，谷歌地图会发出警告，要求用户启用 Javascript，而谷歌搜索有一个后备方案，可以在没有 JavaScript 的情况下提供完整的功能。 YouTube 示例可能与 YouTube 需要 Javascript 或 Flash 以防止下载视频有关。他们仍然应该有一个警告。