2016-07-28 9 views
0

나는 이것에 대한 어떤 정보도 찾지 못했지만 누군가는 알고있을 것입니다. 화면 판독기는 인라인 블록 요소 사이에 공백이 없더라도 개별적으로 인라인 블록 요소를 읽습니까? 예를 들어 :HTML : 화면 판독기는 인라인 블록 요소 사이에 공백이 없더라도 개별적으로 읽습니까?

<head><style> 
div { 
    display: inline-block; 
} 
</style></head> 

<div>Hello</div><div>World</div> 

이는 한 단어,이 "Helloworld"과 같이 얻을 것인가 또는 (더 요소 사이의 공간이 없기 때문에) 두 가지로 "안녕하세요"(그들은 별도의 요소이기 때문에)? 화면 판독기에 의존 하는가, 아니면 일반적으로 (이 문제와 관련하여) 모두 똑같은 방식으로 동작합니까? 브라우저의 페이지에서 으로 보이면 분명히 "HelloWorld"처럼 보일 것입니다.하지만 화면 판독기가 그걸 읽는 지 모르겠습니다. inline 요소 나는 한 단어로 읽힐 것으로 기대합니다. inline-block 요소 잘 모르겠습니다.

inline-block 레이아웃이 있기 때문에 문의하고 있습니다. 공백없이 요소를 나열하면 위치 등을 더 쉽게 계산할 수 있지만 화면 판독기의 액세스 가능성을 희생시키지 않으면이를 수행하고 싶지 않습니다. 게다가, 나는 조건이 무엇인지 모르겠다. (요소가 span이 아닌 div 일 경우에만 문제가되며 CSS가 디스플레이를 설정하는 것에 관심이 없다는 등).

도움 주셔서 감사합니다. 이 문서에 어딘가에 대한 정보가 있으면 그 점도 인정할 것입니다.

답변

0

"HelloWorld"inline-block 요소는 블록의 전체 너비를 차지하지 않으므로 내용과 크기가 동일하고 뒤에 공백이 없습니다. 을 만들고 에 .divDisplay:inline-block 인 경우 공백없이 순서대로 넣습니다. 공백이 필요한 경우 각 <div>ID을 지정하고 <div>의 위치로 재생하고 CSS에는 ID을 사용합니다.