접근성 문제 : 하위 텍스트

숨기기 배경 이미지 나는 다음과 같은 한 : 안드로이드 브라우저에접근성 문제 : 하위 텍스트

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

에 "Hello World!" 선택한 경우 음성 안내/화면 리더에서 읽지 않습니다. 그러나 "backgroundImage"클래스를 제거하고 선택하면 읽을 수 있습니다. 배경 이미지를 계속 사용할 수 있지만 하위 노드의 텍스트를 읽을 수있는 방법이 있습니까? 감사.

편집 :

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

출처

2014-04-08 Joshua Jennings

우리는'backgroundImage' 클래스에서 css없이이 문제를 어떻게 해결할 계획입니까? (부모 요소에서 상속 될 수있는 css조차도 문제를 일으킬 수 있습니다.) 관련 정보를 제공하거나 질문이 마감 될 가능성이 있습니다. –

추가되었습니다. –

이 문제와 관련된 전체 코드입니까? 이것은'z-index'와 같은 속성을 가진 모든 부모 요소를 가집니까? –

내가 잘못 무엇을 발견했다. 되돌아 보면, 다른 개인이 내가 모르는 요소에 불투명도 = 0 스타일을 추가했습니다. 이것을 제거하면 문제가 해결됩니다.

출처

2014-04-08 18:08:35

답변

관련 문제