Material-UI 테이블에 대한 키보드 탐색을 활성화하는 방법
Aug 18 2020
Material-UI로 만든 반응 응용 프로그램이 있습니다. 사용자가 전체 웹 사이트에 대해 키보드 탐색을 활성화하도록 요청했습니다. 이 웹 사이트에서 키보드로 테이블을 탐색 할 수 없습니다. 내 테이블은 다음과 같습니다.https://material-ui.com/components/tables/#fixed-header. 키보드에서 "위쪽 화살표"와 "아래쪽 화살표"를 누르면 행을 위아래로 이동하고 싶습니다. 어떻게 활성화 할 수 있습니까?
답변
1 FED Sep 10 2020 at 18:42
키보드 탐색은 일반적으로 키보드 컨트롤 만 사용하여 링크, 버튼, 날짜 선택기, 모달 등과 같은 대화 형 요소에 집중하고 트리거 할 수 있음을 의미합니다. 테이블은 대화 형 요소가 아니므로 키보드로 초점을 맞출 수 없습니다.
귀하의 사용자 요청은 웹 사이트가 웹 콘텐츠 접근성 가이드 라인을 준수 하는지 확인하기위한 것일 수 있습니다 . 머티리얼 UI 테이블은 테이블 헤더 행이있는 테이블로 의미 론적으로 표시되므로이 기준을 충족하기위한 기본 사항이 있습니다.
화면 판독기를 활성화하면 (예 : Mac의 VoiceOver 또는 Windows의 NVDA) 화살표 키로 표를 탐색 할 수 있으며 각 셀은 화면 판독기에서 알려줍니다.
- https://webaim.org/techniques/tables/data