접근성 개선 경험 답변 예시

접근성을 완전히 해결했다고 말하기보다, 직접 확인한 문제와 남은 검증을 구분합니다.

직접 작성한 설명용 예시입니다. 실제 사용자 답변이나 AI 평가 결과, 합격 후기가 아닙니다.

면접 질문

접근성이나 사용성 문제를 발견하고 개선했던 경험이 있다면 설명해 주세요.

보완에 사용한 주어진 사실

설정 화면의 알림 켜기·끄기를 클릭 이벤트가 있는 div로 구현했습니다. 키보드만 사용해 확인하던 중 Tab으로 해당 요소에 이동할 수 없다는 것을 발견했습니다. 저는 버튼 요소로 바꾸고 현재 상태를 aria-pressed로 전달했습니다. 키보드 포커스를 볼 수 있도록 스타일을 추가했습니다. 브라우저에서 Tab 이동, Enter와 Space 작동, 상태 변경을 확인했습니다. 스크린리더와 여러 브라우저 조합에 대한 검증은 아직 하지 못했습니다.

보완 전

접근성을 고려해서 버튼과 스타일을 수정했습니다. 키보드로도 사용할 수 있게 개선했습니다.

보완 후

설정 화면을 키보드로 확인하면서 알림 켜기·끄기 요소에 Tab으로 이동할 수 없다는 것을 발견했습니다. 클릭 이벤트만 붙인 div였기 때문에 버튼 요소로 바꾸고, 현재 상태를 aria-pressed로 전달했습니다. 포커스가 보이도록 스타일도 추가했습니다. 브라우저에서 Tab 이동, Enter와 Space 작동, 상태 변경을 확인했습니다. 다만 스크린리더와 여러 브라우저 조합까지 검증하지는 못했습니다.

누구나 쓰기 쉽게에서 발견 방법과 검증 범위로

어떤 요소에서 문제가 생겼고 어떻게 발견했는지 빠져 있습니다.
단순 스타일 변경과 의미 있는 HTML·상태 전달 개선이 구분되지 않습니다.
확인한 환경과 아직 확인하지 못한 범위가 드러나지 않습니다.

보완 후 답변은 위의 주어진 사실만 재구성했습니다. 내 경험에 없는 숫자나 역할을 추가할 필요는 없습니다.

이어질 수 있는 꼬리질문

버튼의 이름과 현재 상태가 보조 기술에 어떻게 전달되는지 무엇으로 확인하겠나요?
버튼과 스위치 중 어떤 의미가 더 적절한지 어떻게 판단하겠나요?
같은 문제가 반복되지 않도록 공통 컴포넌트와 테스트를 어떻게 보완하겠나요?

같은 질문에 내 경험으로 답해 보기

첫 진단은 로그인 없이 1회 무료입니다. 약점, 개선 답변 초안, 예상 꼬리질문을 확인할 수 있습니다.

이 질문에 내 경험으로 답하기