2

끈적한 헤더가있는 각도 스마트 테이블을 사용하지만 JAWS 내레이터는 읽을 수 없습니다.JAWS 읽지 않음 테이블

테이블을 나열하기 위해 cntrl + INST + T를 누르면 표가 발견되지 않는다고 표시됩니다.

다음은 샘플 http://plnkr.co/edit/GIeXoF?p=preview

이 때문에 CSS 클래스 display: flex;이 될 수있다.

JAWS가 수정 헤더 스마트 테이블이있는 테이블을 읽을 수 있도록이 문제를 해결하는 방법은 무엇입니까?

답변

2

당신은 자신의 질문에 답변했습니다. 예, display:flex은 화면 판독기 관점에서 표가되지 않도록합니다.

해결책이 분명해 보이지만 display:flex을 사용하지 마십시오. display:table을 사용하거나 display 스타일이 없어도됩니다 (테이블에서 부모 요소에서 display을 상속하지 않는 한).

나는 그걸로 놀 수 없으므로 plunker 예제는 현재 나를 위해 작동하지 않습니다 또는 http://lorenzofox3.github.io/smart-table-website/입니다. 나중에 테이블과 연결된 다른 display을 얻는 방법이 있는지 알아봐야 할 것입니다.

+0

왜 어제 plunker 나 github에 연결할 수 없었는지 잘 모르지만 코드가 검사 될 수 있도록 작동 중입니다. 당신의 깔끔한 예제에서 style.css는 어디에서 왔습니까? 그것은 실제로 display : flex를 가지고 있습니다. 나는 다른 끈적한 예들을 찾아 보았고 몇몇을 발견했다. 그들은 모두 display : table을 가지고 있으므로 화면 판독기가이를 알립니다. – slugolicious

+0

Git 및 다른 사이트는 DDoS DNS 공격의 영향을 받았습니다. 많은 사이트에 대한 조회가 망가졌습니다. – aardrian

+0

@slugolicious 답장을 보내 주셔서 감사합니다. 그래, 나는 display : table을 사용하려했지만 테이블 레이아웃을 방해했다. 몇 가지 추가 옵션을 시도 중입니다. – user3249448

관련 문제