디자인 핵심 B · 공식 안내

Accessibility

접근성

접근성은 다른 능력을 가진 사람들이 제품을 이해하고 사용하도록 도와줘.

당신은 이것을 이렇게 부를 수 있습니다 Accessibilitya11y포용적 디자인

작동 방식을 확인하세요

원본 작업 예제접근성

다른 예시

양식이 키보드, 화면 낭독기, 확대, 음성 입력으로도 쓸 수 있어야 해요. 에러가 났을 때 고치기도 쉬워야 하죠.

주요 부분

  1. 01Foundation or token
  2. 02Applied component
  3. 03Visible state and rule

사용할 때

최종 수정이 아닌 처음 흐름과 구성 요소 선택부터 계획하세요.

다음 경우에는 사용하지 마세요

자동화된 검사를 통과했다고 해서 증거로 간주하지 마십시오. 사람과 실제 보조 도구로도 테스트하십시오.

코드에서 사용된 이름

WCAG / semantic HTML / ARIA

출시하기 전에

Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience.

복사 가능한 요청

Outcome:Complete the task with 접근성 (Accessibility)。 User context:양식이 키보드, 화면 낭독기, 확대, 음성 입력으로도 쓸 수 있어야 해요. 에러가 났을 때 고치기도 쉬워야 하죠. Design concept to apply:접근성 (Accessibility)。 Why it fits:최종 수정이 아닌 처음 흐름과 구성 요소 선택부터 계획하세요. Do not use it when:자동화된 검사를 통과했다고 해서 증거로 간주하지 마십시오. 사람과 실제 보조 도구로도 테스트하십시오. Design requirements: Set the content order, shared design values, and reusable components. Define how the layout changes by screen size and state. Keep useful design choices separate from decoration. Inclusion and resilience: Check contrast, zoom, languages, themes, and reduced motion when needed. Do not use color or effects as the only way to show meaning. Acceptance criteria: The design stays clear on phones and desktops, at zoom, in every theme, and in all supported languages. Interactive states stay clear and consistent. Evidence and limits (evidence boundary):해당 출처에 대해 공식적인 것입니다. 다른 플랫폼이나 팀은 그 용어를 다른 방식으로 사용할 수 있습니다. Unknowns to confirm: Brand limits, amount of content, supported themes and languages, target devices, and design-system rules.

이 요청을 확인하세요

Review how 접근성 (Accessibility) is used now. Definition: 접근성은 다른 능력을 가진 사람들이 제품을 이해하고 사용하도록 도와줘. Release checks: Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.

B
이 용어는 얼마나 공식적인가요?

공식 안내

명명된 플랫폼, 프레임워크, 프로젝트 또는 전문가 그룹에는 이 용어에 대한 공식 가이드가 있습니다.

해당 출처에 대해 공식적인 것입니다. 다른 플랫폼이나 팀은 그 용어를 다른 방식으로 사용할 수 있습니다.

범위
소스가 포함하는 것만:접근성、사용 안내、피해야 할 상황 안내、정규 이름、정의、의미론、구현
문서 상태
추천 항목
선택됨
2026-07-30

증거 출처 및 범위

권위 있는 출처 · W3C · 추천 항목 Web Content Accessibility Guidelines (WCAG) 2.2 범위: 접근성、사용 안내、피해야 할 상황 안내 여기 역할: 명시된 범위 안의 권위 출처 범위: 접근성, 사용 안내, 피해야 할 상황 안내 권위 있는 출처 · W3C · 추천 항목 Accessible Rich Internet Applications (WAI-ARIA) 1.2 범위: 정규 이름、정의、의미론、구현 여기 역할: 명시된 범위 안의 권위 출처 범위: 정규 이름, 정의, 의미론, 구현

직접 복사

브라우저가 이것을 복사할 수 없습니다. 아래 요청을 선택하고 직접 복사하세요.