大型 HTML 表单 - 用户体验和可访问性答案

【问题标题】：Large HTML Form - User Experience and Accessibility大型 HTML 表单 - 用户体验和可访问性
【发布时间】：2011-02-12 20:25:19
【问题描述】：

我有一个包含很多字段的大型表单。我在上面使用了fieldset。如何使用这种大型表单为用户/可访问性创造更好的体验？我考虑拆分一下。你怎么看？

【问题讨论】：

我想“我想知道他在说什么，因为我看不到他能看到的东西。”请提供更多信息。
请发布一个实时示例、描述和可能的屏幕截图，说明您希望表单的外观以及一些 HTML 和 CSS 供我们查看，帮助我们为您提供帮助。 :)
做一件事 Thomas 拍摄快照，将其上传到任何免费托管站点，将其 URL 附加到您的 SO 编辑器中，让我们看看您在讨论什么类型的表格，然后您的问题被 DOWNVOTED B QUICK人们在这里渴望 DOWNVOTING.. 他们喜欢 DOWNVOTING..:)
@Parth：请访问 disney.com 或 india.com。

标签： php html css forms accessibility

【解决方案1】：

您需要查看这个家伙网站上的信息。我在网上任何地方看到的最神奇的 http://www.lukew.com/presos/

有很多关于表单最佳实践的视频、pdf、power point

这是该网站的良好开端。 http://www.lukew.com/resources/articles/EventApart_WebForms_120809.pdf 还有这里

http://www.lukew.com/resources/articles/web_forms.html

【讨论】：

【解决方案2】：

如果您可以发布该表格的屏幕截图，我认为会更好。根据我的经验，您可以尝试一些步骤 1. 只保留系统休息所需的字段。 2.分成不同的部分 3. 如果需要可以有手风琴式面板 4.请有适当的反馈系统，如果您可以在填写表单时提示反馈，而不是等待提交或完成按钮。 5.从视觉上来说，白色/灰色的界面很棒 6. 如果需要，对字段进行适当的说明 7. 具有启示性的按钮

artsrajesh

【讨论】：

【解决方案3】：

如果我对表单以及您希望访问哪些类型的用户有更多了解，那么回答这个问题会容易得多（即 - 如果您尝试访问哪些用户，您可能希望使用不同的技术如果您希望视障用户完全可以访问，那么您将使用老年人）。 Rbaker 给了你一个很好的答案，我鼓励你听从他的建议/阅读他提供的链接。

但是，我想补充一件事。没有规则说表单必须出现在一个页面上。也没有规则说“表格”不能由多个单独的问题组成。根据您希望谁能够使用您的表单，系统流程如下：

您接受我们的隐私政策吗？（点击“是”/“否”）你的全名是什么？（点击“确定”）你想注册吗？（点击“是”/“否”）

您不必在每个问题后刷新页面，但是如果您让用户了解他们离完成表单还有多远，那么单独的问题方法可能会不那么令人生畏，并且对您的用户来说更容易访问。

最后，为自己关注可访问性而感到自豪！祝你好运！

【讨论】：

【解决方案4】：

不要重新发明轮子并让用户感到困惑。把事情简单化。您可以将表单分解为单独的部分，分为单独的步骤或页面，甚至可以使用进度指示器让用户了解他们的位置。

表单设计模式：

http://patterntap.com/tap/collection/forms

【讨论】：

嗯，你好像是个口译员... :)