현상
텍스트에 배경색(하이라이트)을 적용할 때 배경색이 텍스트 선택 가시성에 방해될 수 있습니다. 배경색이 있는 선택된 텍스트가 잘 보이지 않을 수 있습니다.
재현 예시
- 일부 텍스트에 배경색을 적용합니다 (예: 노란색 하이라이트)
- 하이라이트된 텍스트를 선택합니다
- 선택 가시성을 관찰합니다
관찰된 동작
- 선택 하이라이트가 배경색에 대해 잘 보이지 않을 수 있습니다
- 또는 선택 하이라이트가 배경색과 충돌할 수 있습니다
- 텍스트 선택이 덜 보입니다
- 사용자 경험이 저하됩니다
예상 동작
- 선택이 명확하게 보여야 합니다
- 배경색과 선택 하이라이트가 함께 작동해야 합니다
- 또는 선택 하이라이트가 배경색을 재정의해야 합니다
- 텍스트가 선택되었을 때 항상 읽을 수 있어야 합니다
브라우저 비교
- Chrome/Edge: 선택 가시성이 영향을 받을 수 있음 (이 케이스)
- Firefox: 유사한 가시성 문제
- Safari: 선택 동작이 다를 수 있음
참고 및 해결 방법 가능한 방향
- 배경색이 있을 때 선택 하이라이트 색상 조정
- 하이라이트된 텍스트에 다른 선택 스타일 사용
- 충분한 대비 보장
- 선택을 위해 배경 대신 윤곽선 사용 고려