직무 · 모든 회사 / 모든 직무
Q. 개발 직무에서 키보드만으로 웹 화면을 점검할 때 무엇부터 확인하나요?
개발 직무를 준비하며 웹 화면의 기본 접근성을 직접 점검하는 순서를 알고 싶습니다. 마우스로는 모든 기능이 동작하더라도 키보드만 사용하는 이용자는 메뉴나 입력 양식을 끝까지 이용하지 못할 수 있을 것 같습니다. 로그인 화면과 간단한 팝업이 있는 페이지를 예로 들면, 탭 이동 순서·현재 선택 위치 표시·버튼 실행·팝업 닫기 중 무엇부터 확인하나요? 팝업을 열었다가 닫았을 때 선택 위치가 어디로 돌아가야 하는지도 궁금합니다. 문제가 발견되면 단순히 사용하기 어렵다고 적는 대신, 누른 키와 이동 경로를 어떤 방식으로 기록하면 개발자가 재현하기 좋을까요? 취업 포트폴리오에 점검 전후를 보여줄 때 남길 증거도 설명 부탁드립니다.
2026.11.03
답변 1
채택스포스코코부사장 ∙ 채택률 68%안녕하세요. 멘티님. 반갑습니다. 키보드만으로 볼 때는 먼저 탭 이동 순서가 논리적으로 이어지는지부터 확인하시면 됩니다. 그 다음 현재 선택 위치가 눈에 보이게 표시되는지 보고 로그인 입력칸에서 버튼까지 자연스럽게 이동되는지 확인하시면 좋습니다. 이후 버튼 실행이 Enter나 Space로 되는지 팝업이 열릴 때 포커스가 안으로 들어가는지 팝업을 닫았을 때 다시 원래 열었던 버튼으로 돌아오는지 순서대로 보면 됩니다. 특히 팝업을 닫은 뒤에는 포커스가 화면 어딘가로 사라지지 않고 방금 전 조작하던 위치로 돌아가야 사용자가 흐름을 놓치지 않습니다. 기록은 누른 키와 실제 이동한 위치를 시간 순서대로 적어두시면 재현이 쉽습니다. 예를 들면 Tab으로 로그인 버튼까지 이동 후 Enter로 팝업 열림 그 다음 Esc로 닫기 후 포커스가 로그인 버튼에 복귀 같은 식으로 남기면 됩니다. 포트폴리오에는 점검 전후 화면 캡처와 함께 포커스 표시가 보이는 상태를 남기시고 가능하면 짧은 화면 녹화도 붙이시면 좋습니다. 문제 발생 지점은 화면 이름 누른 키 예상 동작 실제 동작으로 적어두면 개발자가 바로 따라해보시기 편합니다. 모쪼록 도움이 되셨다면 채택부탁드립니다. 감사합니다.
함께 읽은 질문
- Q.Lorem ipsum dolor sit amet, consectet
- Q.Lorem ipsum dolor sit amet, consectet
- Q.Lorem ipsum dolor sit amet, consectet
궁금증이 남았나요?
빠르게 질문하세요.