Accessible Name
접근 가능 이름
접근 가능한 이름은 소프트웨어가 컨트롤이나 이미지에 대해 계산하는 라벨입니다. 화면 읽기 프로그램이 아이템을 식별하는 데 사용합니다.
다른 예시
화면 읽기 도구 사용자는 아이콘만 있는 전송 버튼에 도달합니다. 접근 가능한 이름은 “NT$2,400 전송”이고, 그 옆의 장식용 아이콘에는 이름이 없습니다. 금액이 변경되면 이름도 변경됩니다.
주요 부분
- 01이름 소스
- 02참조된 텍스트
- 03계산된 결과
사용할 때
각 컨트롤과 의미 있는 이미지에 짧고 명확한 이름을 부여하세요. 주변 항목들이 쉽게 구분되도록 하세요.
다음 경우에는 사용하지 마세요
aria-label에서 보이는 텍스트를 반복하지 마세요. 장식용 항목에 이름을 붙이지 마세요. 스크린 리더가 추가적이거나 상충되는 단어를 발표할 수 있습니다.
코드에서 사용된 이름
label, alt, aria-labelledby, or aria-label in the accessible-name computation 출시하기 전에
Give assistive tools the control’s name (accessible name), purpose (role), value, and state. Check keyboard use, visible focus, target size, disabled and busy states, feedback, and recovery.
Outcome:Complete the task with 접근 가능 이름 (Accessible Name)。 User context:화면 읽기 도구 사용자는 아이콘만 있는 전송 버튼에 도달합니다. 접근 가능한 이름은 “NT$2,400 전송”이고, 그 옆의 장식용 아이콘에는 이름이 없습니다. 금액이 변경되면 이름도 변경됩니다. Recommended pattern:접근 가능 이름 (Accessible Name)。 Why it fits:각 컨트롤과 의미 있는 이미지에 짧고 명확한 이름을 부여하세요. 주변 항목들이 쉽게 구분되도록 하세요. Do not use it when:aria-label에서 보이는 텍스트를 반복하지 마세요. 장식용 항목에 이름을 붙이지 마세요. 스크린 리더가 추가적이거나 상충되는 단어를 발표할 수 있습니다. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary):이 표준은 나열된 범위만 적용합니다. 시각적 스타일, 제품 결정, 또는 Vibulary 예시는 선택하지 않습니다. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
이 요청을 확인하세요
Review how 접근 가능 이름 (Accessible Name) is used now. Definition: 접근 가능한 이름은 소프트웨어가 컨트롤이나 이미지에 대해 계산하는 라벨입니다. 화면 읽기 프로그램이 아이템을 식별하는 데 사용합니다. Release checks: Give assistive tools the control’s name (accessible name), purpose (role), value, and state. Check keyboard use, visible focus, target size, disabled and busy states, feedback, and recovery. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.