용어 사전 coding 용어 페이지

대비 미디어 쿼리

`@media (prefers-contrast: more)`처럼 사용자 설정에 따라 더 강한 윤곽을 적용하는 CSS 규칙입니다

contrast-media-query #coding#svelte

English version

관련 개념

포커스 aria-label 모달

핵심 아이디어

대비 미디어 쿼리는 @media (prefers-contrast: more)처럼 사용자 설정에 따라 더 강한 윤곽을 적용하는 CSS 규칙입니다. 이 개념은 포커스, aria-label, 모달 같은 주변 용어와 함께 쓰일 때 의미가 더 분명해집니다.

이 블로그에서의 역할

Mathbong에서는 svelte 주제 글에서 이 용어를 반복적으로 참조합니다.

이 개념을 다루는 글

[Svelte 시리즈 15편] 컴포넌트 접근성 다듬기 스크린 리더, 키보드 포커스, 대비 기준을 만족하는 Svelte 컴포넌트를 만드는 방법을 살펴봅니다.[Svelte Series 15] Building Accessible Svelte Components Build Svelte components that satisfy screen readers, keyboard focus, and contrast guidelines.