javascript - Jquery 上的垂直按钮滑出

Question

我正在寻找垂直选项卡/按钮的一些可能的最佳实践，单击该选项卡/按钮时会滑出表单面板。选项卡/按钮/图像随着滑出而移动，并保持附着在面板的右上角，然后再次单击时它会被隐藏(但是，当然，选项卡正在显示)

我正在尝试找出构建按钮的最佳方法。

是否有垂直按钮(也许是 jquery ui 按钮)之类的东西？它应该是一个图像吗？应该用 CSS 编码吗？

对于可访问性来说，哪个更好(或更差)？

谢谢!

Answer 1

我还没有足够仔细地研究这些内容，无法评论是否有最佳实践，但是如果您担心可访问性，我建议不要使用这些幻灯片。您必须记住的第一件事是它的内容顺序。如果它是第一个，那就说明它非常重要，那么为什么不为表单制作一个普通页面呢？如果是最后，使用辅助技术的人可能永远不会“看到”该表格，这可能会导致投资返回率。他们可能看不到它，因为并不是每个人都会阅读页面上的每一行/单词。

下一个问题，稍微回答一下你的问题，滑出装置是如何制作的？它是否像一个灯箱，只有当他们打开幻灯片表单时才会提供信息，或者人们每次都必须通过这个隐藏的表单来获取内容？

Is there such a thing as a vertical button (perhaps jquery ui button)? Should it be an image? should it be coded in CSS?

我会将其制作为图像，然后将其包装在普通链接中。 alt 应该是描述性的。我不认为你可以使用 CSS 垂直对齐文本，所以你必须做类似的事情

<a>
W<br />
o<br />
r<br />
d<br />
</a>

读起来会很烦人。