우문현답
愚 問 賢 答
회사별 면접직군별진행 방식
    홈›회사별›incross›UX/UI 디자이너›질문 상세
    問
    iincrossUX/UI 디자이너직무 역량2026년 출제

    웹디자인 및 퍼블리싱을 할 때 가장 중요하다고 생각하는 웹표준이나 웹접근성의 요소는 무엇인가요?

    답변 미리보기

    저는 캡스톤 프로젝트에서 팀 웹사이트 퍼블리싱을 혼자 맡았는데, 처음에는 div 남발로 구조를 잡았다가 스크린리더 테스트에서 내비게이션이 전혀 읽히지 않는 걸…

    예상 답변 시간
    60~90초
    예상 꼬리질문
    3회
    난이도
    난이도 중상
    출제 빈도
    높음
    INTERVIEWER'S INTENT · 면접관의 의도

    이 질문, 네 갈래로 뜯어봅니다.

    면접관이 이 한 문장으로 확인하려는 것들. 각 갈래를 알면 답의 뼈대가 잡혀요.

    問
    01
    본인 시각이 또렷한가?
    표준·접근·호환 결 중 본인이 의식한 결이 답에 보입니다. 일반론으로만 답하면 깊이가 옅은 자리입니다.
    骨
    02
    요소 결을 또렷이 짚는가?
    시맨틱·대비·합의 결로 본인이 가른 흔적이 답에서 드러나는 결이 통합니다. 매끈하게만 끝나는 답은 외워 온 결로 들립니다.
    語
    03
    본인 사례로 닫는가?
    추상 다짐이 아니라 본인이 실제로 한 결을 짚는 답이 자주 등장합니다. 매끈하게만 끝나는 답은 외워 온 결로 들립니다.
    本
    04
    한계 결도 보이는가?
    단순 다짐이 아니라 본인이 어디서 채울지 답에 보입니다. 균형감이 드러나는 자리라 면접관이 자주 머무는 결입니다.
    말로 해봐야 는다
    읽는 것과 말하는 건 다릅니다.
    이 질문, 소리 내어 답해 볼까요?
    incross 면접관 페르소나가 이 질문을 던지고, 당신의 답에 꼬리질문으로 되물어요.
    음성으로 답해보기
    시맨틱 마크업 실천 중심으로 푸는 결약 90초접근성 이슈 발견·개선 경험 중심으로 푸는 결약 88초표준 준수와 시각 표현 균형 중심으로 푸는 결약 86초
    예시 답변 1
    약 90초

    시맨틱 마크업 실천 중심으로 푸는 결

    저는 캡스톤 프로젝트에서 팀 웹사이트 퍼블리싱을 혼자 맡았는데, 처음에는 div 남발로 구조를 잡았다가 스크린리더 테스트에서 내비게이션이 전혀 읽히지 않는 걸 뒤늦게 알았습니다. 그때부터 header, main, nav, footer 같은 시맨틱 태그를 의식적으로 쓰고, 이미지에는 빠짐없이 대체 텍스트를 달았습니다. 색 대비는 WCAG 4.5:1 기준을 맞추려 팔레트를 세 번 바꿨고, 그 과정에서 디자이너와 "시각적으로 예쁜 회색이 접근성 기준 미달"이라는 충돌도 있었습니다. 결국 접근성 계층 구조를 함께 보여 주면서 대비 높인 버전으로 합의했습니다. 지금은 HTML 초안을 쓸 때부터 시맨틱 구조와 탭 이동 순서를 먼저 그리는 습관이 생겼고, 마크업이 끝나면 키보드만으로 전체를 돌아보는 과정을 꼭 거칩니다.

    이 결의 특징
    스크린리더 테스트에서 내비게이션 미인식 문제를 발견하고, 시맨틱 태그와 대체 텍스트를 의식적으로 적용한 구체적 전환점이 있습니다. WCAG 4.5:1 기준을 맞추려고 색 팔레트를 3회 수정하며 접근성 계층 구조를 디자이너와 함께 재검토한 갈등 해소 흔적도 드러나 있습니다.
    이 결이 통하는 자리
    마크업 단계부터 시맨틱 구조와 탭 이동 순서를 먼저 설계하는 습관이 자리 잡았을 때 통합니다. 키보드만으로 전체를 순회하는 점검 과정이 일상화되면 접근성 기준이 코드 리뷰에서 자동으로 살아 있을 때를 설명하고 있습니다.
    예시 답변 2
    약 88초

    접근성 이슈 발견·개선 경험 중심으로 푸는 결

    인턴 기간 중 회사 랜딩 페이지 리뉴얼을 맡았을 때, 사이트를 탭 키로만 이동해 보니 포커스 인디케이터가 아예 없어 어느 요소가 선택됐는지 알 수 없었습니다. 처음에는 이게 얼마나 심각한 문제인지 잘 몰랐는데, 사내 세미나에서 저시력 사용자가 키보드에 의존해 사이트를 쓴다는 걸 알게 된 후 태도가 바뀌었습니다. 버튼·링크·폼 요소 전체에 포커스 스타일을 적용했고, 스킵 내비게이션 링크도 추가했습니다. 막히는 부분은 MDN 웹 접근성 문서를 찾아가며 해결했는데, 예상보다 수정 범위가 넓어서 3일 일정이 5일로 늘어났습니다. 그 경험 이후 새 컴포넌트를 만들 때 키보드 접근성을 처음부터 체크리스트에 넣게 됐습니다.

    이 결의 특징
    인턴 과정에서 포커스 인디케이터가 전혀 없는 상태를 탭 키 테스트로 발견하고, 사내 세미나에서 저시력 사용자의 키보드 의존성을 알게 된 태도 전환의 구체적 순간이 드러나 있습니다. 버튼·링크·폼에 포커스 스타일을 일괄 적용하고 스킵 내비게이션을 추가한 3일→5일 일정 지연까지 기술했습니다.
    이 결이 통하는 자리
    새 컴포넌트를 설계할 때 키보드 접근성이 초기 체크리스트에 들어가 있는 조직 문화가 생성되면 통합니다. MDN 문서를 찾아 해결하는 학습 프로세스가 자동화된 팀 관행이 될 때입니다.
    예시 답변 3
    약 86초

    표준 준수와 시각 표현 균형 중심으로 푸는 결

    학교 수업에서 포트폴리오 사이트를 만들면서 시각 효과와 웹표준 사이에서 꽤 갈등했습니다. 애니메이션 전환을 여러 겹 쌓았더니 모션에 민감한 사용자에게 불편할 수 있다는 피드백을 받았고, 처음에는 이 설정 자체를 몰라서 당황했습니다. 미디어 쿼리로 움직임 최소화 분기를 추가하고, 폰트도 가변 폰트 하나로 줄여 불필요한 네트워크 요청을 줄였습니다.

    Lighthouse 접근성 점수가 72에서 91로 오른 걸 보고, 표준을 지키는 게 성능과 접근성을 동시에 잡는다는 걸 체감했습니다. 지금은 디자인 시안을 받으면 움직임 기준과 색 대비 비율을 먼저 확인하는 버릇이 생겼고, 시각적으로 예쁜 것도 중요하지만 기준선을 지키는 쪽이 장기적으로 더 낫다는 생각을 합니다. 혼자 작업할 때는 타협하기 쉽지만, 코드 리뷰나 접근성 자동 검사가 있으면 일관성을 유지하는 데 도움이 된다는 것도 배웠습니다.

    이 결의 특징
    모션에 민감한 사용자를 위한 설정을 처음 알게 된 당황스러움과, 미디어 쿼리로 움직임 최소화 분기를 직접 구현한 전환점이 있습니다. 가변 폰트 하나로 불필요한 네트워크 요청을 줄이고, Lighthouse 점수가 72→91로 오른 구체적 수치로 표준의 가치를 체감했습니다.
    이 결이 통하는 자리
    디자인 시안을 받을 때마다 움직임 기준과 색 대비 비율을 먼저 확인하는 루틴이 고착되었을 때 통합니다. 코드 리뷰나 접근성 자동 검사가 있을 때 일관성 유지 메커니즘이 작동하는 조직 상황을 설명하고 있습니다.
    !
    위 답변은 여러 풀이 중 한 가지 예시입니다. 정답이 아니며, 외워서 그대로 말하면 면접관이 다음 질문을 그 자리에서 시작하는 경우가 많습니다. 본인의 프로젝트·기준·숫자로 다시 짜는 자리로만 쓰세요.
    ✕자주 빠지는 자리

    같은 실수가 반복돼요. 이것만 피해도 절반은 갑니다.

    • ✕떨어뜨린 옵션이 1개라도 있는가? "이게 답이었어요"만으로는 의사결정이 아니라 그냥 선택입니다.
    • ✕선택 기준이 그 프로젝트에 한정되는가? "성능이 좋아서"는 일반론, "우리 트래픽이 X 패턴이라서"가 본인의 답입니다.
    • ✕결과 숫자 1개를 정확히 말할 수 있는가? P95·QPS·적중률 — 무엇이든 1개. 숫자가 없으면 직감으로 한 일처럼 들리기 쉽습니다.
    • ✕지금 다시 한다면 어떻게 할지 답할 수 있는가? "잘했다"보다 "이건 다르게 했을 것 같다"가 더 깊은 인상을 남깁니다.
    ▶이어질 꼬리질문

    진짜 면접은 두 번째 질문부터예요. 이 답 뒤에 따라올 법한 것들.

    壹본인이 가장 무게 두는 결은 어디인가요?
    貳요소 결을 어떻게 잡으시나요?
    參한계 결을 어떻게 두시나요?
    이제, 직접 답해볼 차례예요.
    눈으로 읽은 답은 면접장에서 나오지 않아요. incross 면접관과 이 질문으로 한 번 대화해 보세요.
    이 질문으로 모의면접 해보기
    또는, 다음 질문으로

    같은 흐름에서 자주 이어지는 질문들이에요.

    부스터즈 · 프론트엔드
    웹 접근성(WCAG) 기준을 준수하기 위해 어떤 접근 방식을 사용하시나요?
    이 질문 보기
    여기어때 · 프론트엔드
    웹 표준과 접근성을 고려한 개발 경험이 있다면, 구체적인 사례를 말씀해 주세요.
    이 질문 보기
    PTKOREA · 광고기획
    웹 서비스 기획과 UX 설계에서 가장 중요하게 생각하는 원칙은 무엇인가요?
    이 질문 보기
    스마일게이트 · UX/UI 디자이너
    UI 디자인 원칙 중 어떤 것을 가장 중요하게 생각하며, 그 이유는 무엇인가요?
    이 질문 보기
    안내 · 이 페이지의 질문·답변·꼬리질문은 유사 직군 채용 시장의 공개된 면접 후기·커뮤니티 게시물을 분석해 구성한 학습 자료입니다. 실제 출제·회사 공식 입장과는 무관하며, 정정 요청 시 24시간 내 반영합니다. 자세히
    개인정보처리방침이용약관문의
    © 2026 우문현답. All rights reserved.
    이 페이지 목차
    01면접관의 의도02답변의 결03실수·꼬리질문04관련 질문
    말로 해봐야 는다
    이 질문, incross 면접관과
    음성으로 답해볼까요?
    모의면접 해보기
    첫 회 무료 · 종료 즉시 음성 폐기