Skip to content

[FEATURE] Tooltip 접근성·코드 품질 개선 #232

@minji0214

Description

@minji0214

개요

Tooltip 컴포넌트의 접근성 버그 수정 및 프로젝트 코드 패턴 일치화 작업입니다.

작업 목록

접근성 버그

  • role="tooltip" 위치 수정: trigger wrapper → tooltip 내용 요소로 이동
  • aria-describedby + id 연결 추가 (trigger ↔ tooltip content)
  • click 트리거일 때 aria-expanded 속성 추가
  • event.code === 'space' 오타 수정 → 'Space' (Space키 미작동 버그)

코드 패턴 일치화

  • TooltipPosition, TooltipTriggerconst 객체 + 타입 패턴으로 변경
    // 목표
    export const TooltipPosition = { top: 'top', bottom: 'bottom', ... } as const;
    export type TooltipPosition = (typeof TooltipPosition)[keyof typeof TooltipPosition];
  • Tooltip.css.tsrecipe() 기반으로 리팩토링 (placement variant 통합)

기능 개선

  • scroll/resize 시 tooltip 위치 재계산 (ResizeObserver 또는 이벤트 핸들러 추가)

관련 이슈

  • 선행 필요 없음 (독립 작업)

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions