【问题标题】:asp.net associate two label controls to one text boxasp.net 将两个标签控件关联到一个文本框
【发布时间】:2015-02-23 21:39:25
【问题描述】:

我试图让两个标签控件与一个文本框相关联。这样,当屏幕阅读器位于文本框中时,它会同时显示两个标签。 这方面的示例是文本框标签和文本框另一侧的另一个标签,带有数据输入格式帮助文本。 奇怪的是,这在网站上的其他地方有效,但是当我尝试复制控件设置时它仍然不起作用。 有人对如何做到这一点有任何建议吗? 谢谢。

【问题讨论】:

    标签: asp.net vb.net user-interface accessibility


    【解决方案1】:

    有两种方法可以做到这一点:

    <label>
        Text before
        <input ... />
        Text after
    </label>
    

    <div id="inputbefore">Text before</div>
    <input aria-labelledby="inputbefore inputafter" ... />
    <div id="inputafter">Text before</div>
    

    【讨论】:

    • 感谢您的快速回复。我不知道 labelledby 属性。我读过一些关于咏叹调的。我将属性添加到文本框以包含两个标签 ID,两者之间有一个空格。它仍然不适合我。在得知你的建议后,它给了我更多的东西来搜索,并发现两个相关的控件 ID 在 IE 中不起作用。它们在 Firefox 中非常完美。虽然,我发现一篇文章说 IE 做了一些修复。 IE aria fixes article
    猜你喜欢
    • 1970-01-01
    • 2020-02-10
    • 2011-02-19
    • 1970-01-01
    • 2021-09-04
    • 1970-01-01
    • 2013-03-21
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多