辅助功能问题:隐藏儿童文本的背景图像

时间:2014-04-08 15:50:16

标签: html css accessibility screen-readers

我有以下内容:

<div class="backgroundImage">
    <div>"Hello world!"</div>
</div> 

在Android浏览器上,&#34; Hello world!&#34;选择时,对讲/屏幕阅读器将无法读取。但是,如果我删除&#34; backgroundImage&#34;类和选择它,它将被读取。有没有办法可以继续使用背景图像,但其子节点的文本是否可读?感谢。

编辑:

.backgroundImage { 
    height: 400px;
    width: 400px;
    background-image:url('backgroundImage.png');
    overflow: hidden;
    display: block;
    position: relative;
}

1 个答案:

答案 0 :(得分:1)

我发现了什么是错的。回顾过去,另一个人为我不知道的元素添加了opacity = 0样式;删除它解决了这个问题。