表格设计
从所有这些学习中，我形成了我自己的表单最佳实践指南。我想开始录下来会很有用的。这是我正在进行的工作。我做UI/UX，所以我是从设计师的角度来做这件事的。从一套原则开始是很重要的。它很容易被设计趋势所左右，我必须把自己带回给用户。
我向往包容性设计原则。为经历永久性、暂时性或情景性残疾的人设计表格可以改善每个人的体验。我还参考了WCAG的原则。您的网站或应用程序必须是：
总而言之，为您的用户着想，让事情尽可能简单和实用。但是不要过分看重简约和风格，而不是以清晰为代价。用卢克·洛布列夫斯基(Luke Wroblewski)的话说，显而易见的总是胜利。
除非另加标签，否则表单中的所有字段都是必填项。将可选字段标记为'；可选'；。
自愿披露的隐私经济学由剑桥大学计算机实验室的Sören Preibusch、Kat Krol和Alastair R.Beresford以网络形式过度披露。[请参阅选项字段的调查结果]。
按钮触发操作或事件，如继续下一阶段或提交表单。有目的地使用它们。
按钮文本应描述按钮执行的操作，并在整个过程中保持一致。
不要让用户的选择过多。对于主操作，每个页面上仅使用一个主按钮。
将提交按钮放在用户查找的位置。在标准表单中，这通常位于表单的左边缘，位于最终字段的正下方。
使用户更难找到像“取消”或“上一步”这样的破坏性按钮。后退按钮或链接通常在表单上方工作。
当指定按钮时，请记住包括所有状态的设计；默认、焦点、悬停、活动。所有州都需要足够的颜色对比度。
我喜欢大的单选按钮(而且我不会撒谎)。它们会预先显示所有可用的选择。当用户只能从列表中选择一个选项时，请使用单选按钮组。
一旦选择了某个选项，用户就无法在不刷新浏览器的情况下取消选择该选项。考虑添加“无”选项。
从最常用的选项到最不常用的选项排序无线电。如果这会导致不需要的偏差，请按字母顺序对选项进行排序。
使单选按钮易于点击，目标高度至少为44像素。
单选按钮的最大数量？参见米勒定律：普通人只能在他们的工作记忆中保留7个项目。
单选按钮：默认选择一个，还是全部不选？作者：卡拉·佩尼斯，尼尔森·诺曼集团。
单选按钮轮廓和填充需要与背景的对比度为3：1。WCAG 1.4.11。
对于可访问的标签，将单选按钮分组到描述它们的字段集和图例中。
选择单选按钮不能导致任何令人惊讶的事情发生，如提交表单、显著更改页面内容或移动键盘焦点。WCAG 3.2.2。
使用复选框选择多个项目，它们会预先显示所有选项。用户通常熟悉复选框的负担。
如果用户需要表示同意(例如，同意条款和条件)，请使用单个复选框。
单选按钮的最大数量？参见米勒定律：普通人只能在他们的工作记忆中保留7个项目。
对于可访问标签，将复选框分组到描述它们的字段集和图例中。
选中复选框不能导致任何令人惊讶的事情发生，如提交表单、显著更改页面内容或移动键盘焦点。WCAG 3.2.2。
通知提醒用户页面上的重要信息或更改。有帮助的项目会吸引用户的注意，而不会中断任务的流程。它们通常出现在提交操作之后的页面顶部。
用户对警示色有一种心理模型。坚持信息=蓝色，警告=橙色，正面=绿色，错误=红色。
文本需要与背景的对比度为4.5：1。选中有色背景上的彩色文本。WCAG 1.4.3。
考虑到有色觉缺陷的用户。在色盲人士身上测试您的警报，或使用免费的色盲模拟器，如Color Oracle。请参阅我的辅助功能案例研究中的示例。
不要只依靠颜色来传达你的信息。提供额外的颜色指示器，如图标。WCAG 1.4.1。
提交时出现表单验证错误时显示错误消息。解释哪里出了问题，以及用户如何修复它。
使用红色图标、错误消息和红色边框突出显示需要注意的字段。
在主动语态中使用积极的会话语言。不要说“请”或“道歉”。开门见山吧。
当用户输入超出WCAG 2.1的W3C技术要求的格式或值时，提供文本描述。
文本需要与背景的对比度为4.5：1。检查您的红色文字。WCAG 1.4.3。
考虑到有色觉缺陷的用户。在色盲人士身上测试错误消息，或者使用免费的色盲模拟器(如Color Oracle)测试错误消息。
不要只依靠颜色来传达你的信息。提供额外的颜色指示器，如图标。WCAG 1.4.1。
对于可访问标签，请将这三个字段分组到描述它们的字段集和图例中。请参阅从政府数字服务制作标签和图例标题。
当任何用户界面组件接收到焦点时，它不会启动上下文更改。WCAG 3.2.1。
选择框允许用户从列表中选择一项。我不是粉丝！他们不会预先展示所有的选择。它们可能很难使用键盘或触摸设备进行导航。我看到用户在测试时被它们弄糊涂了。
使用选择框作为最后的手段。你能用不同的方式问这个问题吗？可以使用步进器、单播组或选择器来代替吗？
如果您必须使用选择框，则默认为设备或浏览器的默认值。
选择一个选项不能导致任何令人惊讶的事情发生，如提交表单、显著更改页面内容或移动键盘焦点。WCAG 3.2.2。
👋这些是我根据到目前为止的经验、研究和测试得出的观点。根据您的目标、目标受众、位置和产品，您的广告可能会有所不同。尽可能地进行测试，并使用您的指标为选择提供信息。我一直在学习，所以如果你发现做某事的更好方法，我很乐意听听。
