페이지의 HTML 요소를 탐색하려면 Tab 키를 사용하세요.

Question

HTML 페이지에서 Tab 키를 사용하여 스크롤하는 데 Tab 키를 사용할 수 없습니다. 다음은 탭을 통해 탐색하려는 페이지의 사진입니다

"테이블을 업데이트할 수 없습니다" 팝업이 열리는 경우. 저는 그것을 클릭하고 탭을 눌렀습니다. 탭을 처음 누르면 초점이 그림의 화살표 요소로 이동합니다. 하지만 다음에 탭을 누르면 요소 Page 3로 이동합니다. 위쪽 화살표 아이콘은 HTML에서 선택된 <i 태그이고 다음 <i 태그는 x 버튼입니다. 어떤 이유로 두 번째 <i 태그를 건너뛰고 탭 키가 두 번째 나타날 때 x 버튼으로 이동하지 않습니다.

이유는 무엇일까요? 다음 tabIndex="21"<i 태그로

를 사용해 보았습니다.

Answer 1

버튼 색인이 문제의 원인일 수도 있습니다. 더 많은 정보를 제공해야 하지만 그때까지는 팝업을 사용할 때 먼저 올바른 위치에 집중할 수 있습니다. 다음 코드를 사용하여 첫 번째 div 요소에 집중할 수 있습니다.

으아아아

또한 두 구성 요소 모두에 동일한 tabindex "20"을 사용한 것으로 나타났습니다. 모든 색인을 확인하고 다시 시도하십시오. 또한 버튼이 다른 요소와 동일한 DOM 수준에 있는지 확인하세요.