我的产品有一个区域,我们希望在其中显示一个默认值(假设是文档页面的名称),但是当用户将注意力放在该区域上并按下空格键时,它就变成了一个可编辑的字段。我们正在尝试编写可访问的代码,我想知道是否有人有关于如何使用屏幕阅读器指示此内容是可编辑的指导?
我们目前在代码中处理它的方式是有一个带有名称的div,当用户单击(或聚焦并点击空格键)时,它会变成一个输入。(他们可以按enter或某个按钮进行保存。)我们是否可以将ARIA的价值用于此解决方案或其他本机解决方案?
默认值:
<div>Page title <button>Click to edit page title<
Context:可聚焦元素内的绝对元素。
在Firefox36中,如果可聚焦元素没有CSS位置(相对、固定或绝对),则单击内部元素不会将焦点设置到可聚焦元素...
你知道这是不是一个已知的bug?
在IE11和Chrome上不可重现。
为了更好地理解这个问题,这里有一个例子:
/* this is just so that the squares are similarly displayed */
section {
position: relative;
display: inline-block;
margin-right: 75px;
}
div {
bac
$('a.reply_links').bind('click', function(e) {
var url = $(this).attr('href');
$('#comment_results').load(url);
// load the html response into a DOM element
e.preventDefault(); // stop the browser from following the link
return false;
});
我在一个页面上有几条评论。所
你好,我有一个包含这个的php文件
<div id="center" class="column">
<p>Staff please, <a id="open" href="#" >login</a> before accessing this page, no access to students.</p>
</div>
当单击登录按钮时,它应该会打开一个面板,它在页面的更高位置(在header.php文件上)工作,但在这里不起作用。在我得到的标题