我正在开发一个从Bootstrap框架扩展的设计系统.其中一个关键目标是可访问性.实现Bootstrap选项卡时,我发现它们适用role="presentation"于导航列表中的列表项.
所以我从Bootstrap模板中放了一小块测试HTML:
<ul class="nav nav-tabs">
<li role="presentation" class="active"><a href="#">Home</a></li>
<li role="presentation"><a href="#">Profile</a></li>
<li role="presentation"><a href="#">Messages</a></li>
</ul>
<ul class="nav nav-tabs">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Profile</a></li>
<li><a href="#">Messages</a></li>
</ul>
ARIA规范说,演示文稿的作用是:
预期用途是当元素用于更改页面外观但没有元素类型隐含的所有功能,交互或结构相关性时,
在我看来,这些<li>元素与使用辅助功能设备的人具有结构相关性,因为它们会告诉您存在多少个选项卡.例如,如果您发现第三个选项卡保存了您感兴趣的信息,导航到列表并知道有三个选项卡可以让您更快地获得所需内容.
此外,当使用ChromeVox访问该测试HTML时,列表会以相同的方式发布.所以似乎role没有任何实际效果.
我用Google搜索了这个问题,但没有找到任何关于它的讨论.那么,有谁知道为什么这是Bootstrap框架的一部分？
我在这里上传了一个测试文件:
http://dl.dropbox.com/u/2201804/IE8test.html
如果单击"Click me"div,您将看到使用slideDown()显示"Feedback"div.单击另一个框中的"单击我"可以滑动当前显示的反馈并向下滑动相应的反馈.
在IE8中,在完成slideUp()/ slideDown()操作后,框之间的边距会折叠.
这是jQuery的动画或IE8中的显示错误的问题吗？
我正在以标准HTML格式收集信息。例如，我有<input type="text" name="UserName" id="name"/>。提交表单后，我想在输入的值中添加一个换行符。因此，如果用户输入“ foo”，则表单将提交值“ foo \ n”。
这是我正在使用的jQuery函数：
$("#formID").submit(function () {
$(":text").each(function () {
var value = $(this).val();
var newValue = value + " \n";
$(this).val(newValue);
});
});
但是，提交表单时，分配给表单字段的值没有换行符。
我的目标是使换行符在后端表单处理的输出中生存下来，该过程会生成电子邮件。由于我无法控制生成邮件的脚本，因此我试图对某些格式进行控制。
任何帮助表示赞赏。
我正在将mediaelement.js用于可用空间有限的音频播放器.我需要为控件包含自定义样式,并且已经完成了大部分CSS.我遇到麻烦的是mediaelement.js脚本正在将CSS宽度应用于某些控件元素.我愿意修改我的CSS以弥补这一点,但我不确定mediaelement.js通过它来计算宽度的过程.
那么mediaelement.js计算其控件大小的步骤是什么？
我正在建造一个导航手风琴.手风琴的每个部分都有一组链接.触发代码如下所示:
$(document).ready(function() {
$(".selector").accordion({
collapsible: true,
active: false,
navigation: true
});
});
这一切都运行良好和花花公子,直到每组中的一个链接被编辑为指向单个文件,称之为foo.html.所以现在如果您导航到foo.html,location.href会匹配手风琴的每个部分(因为每个部分都有一个链接)并打开所有部分,从而破坏了手风琴的目的.
所以我很确定我需要使用该navigationFilter选项,但我已经搜索了它的生活地狱,并没有找到任何关于如何构建与之相关的功能的示例.
帮助我,Stack Overflow!