다음을 통해 공유


이미지 컨트롤 형식

이 항목에서는 이미지 컨트롤 형식에 대한 Microsoft UI 자동화 지원에 대한 정보를 제공합니다.

아이콘, 정보 그래픽 및 차트로 사용되는 이미지 컨트롤은 이미지 컨트롤 형식을 지원합니다. 배경 또는 워터마크 이미지로 사용되는 컨트롤은 이미지 컨트롤 형식을 지원하지 않습니다.

다음 섹션에서는 이미지 컨트롤 형식에 필요한 UI 자동화 트리 구조, 속성, 컨트롤 패턴 및 이벤트를 정의합니다. UI 자동화 요구 사항은 UI 프레임워크/플랫폼이 컨트롤 형식 및 컨트롤 패턴에 대한 UI 자동화 지원을 통합하는 모든 이미지 컨트롤에 적용됩니다.

이 항목에는 다음과 같은 섹션이 포함되어 있습니다.

일반적인 트리 구조

다음 표에서는 이미지 컨트롤과 관련된 UI 자동화 트리의 일반적인 컨트롤 및 콘텐츠 뷰를 설명하고 각 보기에 포함될 수 있는 내용을 설명합니다. UI 자동화 트리에 대한 자세한 내용은 UI 자동화 트리 개요를 참조하세요.

컨트롤 뷰 콘텐츠 뷰
이미지 이미지( Automation 요소 속성 식별자 속성의 값에 따라 이미지에 정보가 포함되어 있는지 여부에 따라 다름)

관련 속성

다음 표에는 값 또는 정의가 이미지 컨트롤과 특히 관련된 UI 자동화 속성이 나열되어 있습니다. UI 자동화 속성에 대한 자세한 내용은 UI 자동화 요소에서 속성 검색을 참조하세요.

UI 자동화 속성 참고
UIA_AutomationIdPropertyId 메모를 참조하세요. 이 속성의 값은 UI 자동화 트리의 원시 뷰에 있는 모든 피어 요소에서 고유해야 합니다.
UIA_BoundingRectanglePropertyId 메모를 참조하세요. 전체 컨트롤이 포함된 가장 바깥쪽 사각형입니다.
UIA_ClickablePointPropertyId 메모를 참조하세요. 이미지 컨트롤의 클릭 가능한 지점은 이미지 컨트롤의 경계 사각형 내의 지점이어야 합니다.
UIA_ControlTypePropertyId 이미지
UIA_HelpTextPropertyId 메모를 참조하세요. HelpText 속성은 컨트롤의 실제 시각적 모양 또는 이미지와 연결된 다른 도구 설명 정보를 설명하는 지역화된 문자열을 노출합니다. 이미지 컨트롤에 대한 자세한 정보를 전달하기 위해 긴 설명이 필요한 경우(예: 이미지가 복잡한 차트 또는 다이어그램인 경우) 이 속성을 지원해야 합니다. 이 속성은 HTML LongDesc 태그 및 SVG(확장 가능한 벡터 그래픽) Desc 태그에 매핑됩니다. 이미지 컨트롤을 사용하는 개발자는 시각적 설명이 컨트롤에 설정되도록 허용하는 속성을 지원해야 합니다. 이 속성은 UI 자동화 VisualDescription 속성에 매핑되어야 합니다.
UIA_IsContentElementPropertyId 메모를 참조하세요. 이미지 컨트롤에 최종 사용자에게 이미 노출되지 않은 의미 있는 정보가 포함되어 있으면 해당 이미지 컨트롤은 UI 자동화 트리의 콘텐츠 뷰에 포함되어야 합니다.
UIA_IsControlElementPropertyId TRUE 이미지 컨트롤이 이미지 트리의 컨트롤 뷰에 항상 포함됩니다.
UIA_IsKeyboardFocusablePropertyId 메모를 참조하세요. 컨트롤이 키보드 포커스를 받을 수 있으면 해당 컨트롤은 이 속성을 지원해야 합니다.
UIA_ItemStatusPropertyId 메모를 참조하세요. 이미지 컨트롤이 화면의 특정 항목에 대한 상태 정보를 나타내는 경우, 해당 컨트롤은 항목 내에 포함되어야 합니다. 이미지가 항목 내에 포함된 경우 항목은 상태 속성을 지원하고 상태 변경될 때 적절한 알림을 발생시켜야 합니다. 이미지가 독립 실행형 컨트롤이고 상태를 전달하는 경우 이 속성을 지원해야 합니다.
UIA_LabeledByPropertyId 메모를 참조하세요. 정적 텍스트 레이블이 있는 경우 이 속성은 해당 컨트롤에 대한 참조를 노출해야 합니다.
UIA_LocalizedControlTypePropertyId 메모를 참조하세요. 이미지 컨트롤 형식에 해당하는 지역화된 문자열입니다. 기본값은 en-US 또는 영어(미국)의 경우 "image"입니다.
UIA_NamePropertyId 메모를 참조하세요. Name 속성은 정보를 포함하는 모든 이미지 컨트롤에 대해 노출되어야 합니다. 이 정보에 프로그래밍 방식으로 액세스하려면 그래픽에 해당하는 텍스트를 제공해야 합니다. 이미지 컨트롤이 순전히 장식적인 경우 UI 자동화 트리의 컨트롤 뷰에만 표시되어야 하며 이름이 필요하지 않습니다(설명 참조). UI 프레임워크는 프레임워크 내에서 설정할 수 있는 이미지의 ALT 또는 대체 텍스트 속성을 지원해야 합니다. 그러면 이 속성이 UI 자동화 Name 속성에 매핑됩니다.

필수 컨트롤 패턴

다음 표에서는 이미지 컨트롤에 지원되는 데 필요한 UI 자동화 컨트롤 패턴을 나열합니다. 컨트롤 패턴에 대한 자세한 내용은 UI Automation Control Patterns Overview를 참조하세요.

컨트롤 패턴 지원 메모
IGridItemProvider 개체 이미지 컨트롤은 컨트롤이 그리드 컨테이너 내에 있는 경우 GridItem 컨트롤 패턴을 지원합니다.
IInvokeProvider 안 함 이미지 컨트롤이 클릭 가능한 개체인 경우 컨트롤은 단추 컨트롤 형식과 같은 Invoke 컨트롤 패턴을 지원하는 컨트롤 형식을 지원해야 합니다. 클릭 가능한 개체가 여러 개인 이미지 개체의 경우 요소(이미지 컨트롤 형식)는 UI 자동화 트리에서 자식 링크(하이퍼링크 컨트롤 형식)를 호스트할 수 있습니다.
ISelectionItemProvider 안 함 이미지 컨트롤은 SelectionItem 컨트롤 패턴을 지원하지 않아야 합니다. 이미지가 콘텐츠로 이미지 아이콘이 있는 단추와 같이 선택할 수 있는 컨테이너의 일부인 경우 해당 컨테이너는 내 이미지가 아닌 패턴을 지원합니다.
ITableItemProvider 개체 이미지 컨트롤은 컨트롤이 헤더 컨트롤이 있는 컨테이너 내에 있는 경우 TableItem 컨트롤 패턴을 지원합니다.

필요한 이벤트

다음 표에서는 이미지 컨트롤이 지원하는 데 필요한 UI 자동화 이벤트를 나열합니다. 이벤트에 대한 자세한 내용은 UI Automation Events Overview를 참조하세요.

UI 자동화 이벤트 참고
UIA_AutomationFocusChangedEventId
UIA_BoundingRectanglePropertyId 속성 변경 이벤트입니다.
UIA_IsEnabledPropertyId 속성 변경 이벤트입니다. 컨트롤이 IsEnabled 속성을 지원하는 경우 이 이벤트를 지원해야 합니다.
속성 변경 이벤트를 UIA_IsOffscreenPropertyId. 컨트롤이 IsOffscreen 속성을 지원하는 경우 이 이벤트를 지원해야 합니다.
UIA_ItemStatusPropertyId 속성 변경 이벤트입니다. 컨트롤이 ItemStatus 속성을 지원하는 경우 이 이벤트를 지원해야 합니다.
속성 변경 이벤트를 UIA_NamePropertyId.
UIA_StructureChangedEventId

설명

W3C(World Wide Web Consortium)는 장식 이미지를 페이지의 콘텐츠에 정보를 추가하지 않는 이미지로 정의합니다. 자세한 내용은 장식 이미지에 대한 W3C 항목을 참조하세요.

UI 자동화 관련:

  • 이미지가 순전히 장식적이며 대화형이 아니며 정보를 전달하지 않는 경우 이미지는 다음과 같습니다.
    • UIA 트리에 있거나 없을 수 있습니다.
    • UIA 원시 보기에 있을 수도 있고 아닐 수도 있습니다.
    • UIA 컨트롤 뷰에 없어야 합니다.
    • 콘텐츠 보기에 없어야 합니다.
    • 이름일 수도 있고 없을 수도 있습니다.
  • 이미지가 정보를 전달하지만 동일한 정보를 제공하는 명확하게 연결된 텍스트가 있는 경우(예: 텍스트 "play"와 함께 왼쪽을 가리키는 삼각형 그래픽이 포함된 재생 단추) 이미지는 장식 및 이미지로 간주됩니다.
    • 원시 보기에 있어야 합니다.
    • 컨트롤 뷰에 있어야 합니다.
    • 콘텐츠 보기에 없어야 합니다.
    • Name 속성에 값이 있을 수도 있고 없을 수도 있습니다.
    • 이미지의 의미도 전달하는 텍스트는 콘텐츠 보기에 있어야 합니다.
  • 이미지가 정보를 제공하고 연결된 텍스트에서 제공하지 않는 세부 정보를 전달하는 경우 이미지는 다음을 수행합니다.
    • 원시 보기에 있어야 합니다.
    • 컨트롤 뷰에 있어야 합니다.
    • 콘텐츠 보기에 있어야 합니다.
    • 이미지와 그 의미를 설명하는 이름 값이 있어야 합니다.

개념