메뉴 건너뛰기

A11Y

시각장애인을 위한 음성 안내 시스템에서 하나의 객체에 대한 정보를 제공할 때, 정보의 순서와 내용은 매우 중요합니다. 이를 통해 사용자가 객체와 상호작용하는 방식과 현재 상태를 쉽게 파악할 수 있습니다. 객체에 대한 음성 접근성 정보를 제공할 때는 다음과 같은 순서를 따르는 것이 권장됩니다.

 

1. **동적인 상태(Interactive State) 안내**  
   객체에 대한 정보를 제공할 때, 가장 먼저 **동적인 상태(Interactive State)**를 안내해야 합니다. 동적인 상태는 객체가 사용자의 상호작용에 따라 변하는 부분으로, 사용자가 즉시 인지해야 할 정보를 포함합니다. 예를 들어, 객체가 선택되었는지(Selected), 메뉴가 확장되었는지(Expanded) 또는 축소되었는지(Collapsed)를 가장 먼저 읽어줌으로써 시각장애인이 객체의 변화를 바로 알 수 있게 해야 합니다. 이를 통해 사용자는 객체의 현재 상태와 상호작용이 어떻게 이루어지고 있는지 즉시 이해할 수 있습니다.  
   예시: "선택  윈도우 시작시 자동 실행", "확장됨  내 컴퓨터",  "축소됨  네트워크".

 

2. **객체 내용(Object Content) 안내**  
   동적인 상태를 안내한 후에는 **객체의 내용(Object Content)**을 안내해야 합니다. 이 단계에서는 객체가 무엇을 나타내는지, 혹은 객체에 표시된 텍스트나 레이블(Label)을 읽어줍니다. 사용자는 이를 통해 객체가 제공하는 정보나 동작을 이해할 수 있습니다. 예를 들어, 버튼(Button)에 있는 텍스트, 링크(Link)의 제목, 또는 메뉴 항목(Menu Item)의 이름 등을 안내하는 것입니다.  
   예시: "저장  버튼", "파일 업로드  링크".

 

3. **정적인 상태(Static State) 안내**  
   객체의 내용을 안내한 후에는 **정적인 상태(Static State)**를 설명해야 합니다. 정적인 상태는 객체의 고정된 속성으로, 사용자가 상호작용할 때 알아야 할 중요한 정보를 포함합니다. 여기에는 객체가 읽기 전용(Read-Only)인지, 풀다운 메뉴(Pulldown Menu)가 존재하는지, 새 창이 열리는지(New Window Opens), 대화 상자(Dialog)나 팝업(Popup)이 표시되는지 등의 정보가 포함됩니다. 이러한 정보를 제공함으로써 사용자는 객체의 고유한 기능을 이해하고, 어떻게 상호작용할지 알 수 있습니다.  
   예시: "우편번호: 00000  읽기 전용  편집창", "파일(F)  풀다운 메뉴항목", "열기(O)  대화상자  메뉴항목".

 

4. **객체 역할(Object Role) 안내**  
   마지막으로, **객체의 역할(Object Role)**을 안내해야 합니다. 객체의 역할은 사용자가 해당 객체와 어떻게 상호작용할 수 있는지를 설명합니다. 객체가 버튼(Button)인지, 링크(Link)인지, 편집 가능한 입력창(Editable Text Field)인지, 목록 항목(List Item)인지, 또는 메뉴 항목(Menu Item)인지와 같은 정보를 제공해야 합니다. 이러한 정보는 사용자가 해당 객체와 상호작용할 때 필요한 방식이나 기대할 수 있는 동작을 이해하는 데 필수적입니다.  
   예시: "홈으로  링크", "파일(F)  풀다운  메뉴항목", "확인  버튼".

 

**정리**  
시각장애인을 위한 음성 안내 시스템은 **동적인 상태**(Interactive State), **객체의 내용**(Object Content), **정적인 상태**(Static State), 그리고 **객체의 역할**(Object Role)을 순차적으로 안내함으로써, 사용자가 객체의 변화를 빠르게 파악하고, 해당 객체와 어떻게 상호작용해야 하는지 명확히 이해할 수 있도록 해야 합니다. 이 순서와 정보 제공 방식은 시각장애인이 웹사이트나 애플리케이션에서 자율적으로 탐색하고 상호작용할 수 있도록 돕는 중요한 접근성 요소입니다.

번호 제목 날짜 조회 수
41 [참고] OpenSCAD Nightly 에서 사용되는 명령어 일람 - A.I 작성 2026.04.07 32
40 OpenSCAD#12. 시각장애인도 3D 디자인을 - 2D 평면을 3D 입체로 만드는 마법 - 사출(extrusion)의 이해 2026.04.07 37
39 [자료] OpenSCAD로 만든 남성과 여성 피규어 모델 file 2026.04.03 49
38 OpenSCAD#11. 시각장애인도 3D 디자인을 - 부품 단위로 생각하기, module 2026.04.03 49
37 OpenSCAD#10. 시각장애인도 3D 디자인을 - 반복의 마법, for 2026.04.01 62
36 OpenSCAD#9. 시각장애인도 3D 디자인을 - 모서리가 둥근 큐브 만들기 2026.03.31 52
35 OpenSCAD#8. 시각장애인도 3D 디자인을 - scale, 빵 만들기 2026.03.27 304
34 OpenSCAD#7. 시각장애인도 3D 디자인을 - 곡면의 이해 - 품질과 성능 2026.03.26 213
33 OpenSCAD#6. 시각장애인도 3D 디자인을 - 맥미니에 구멍 뚫기 2026.03.24 222
32 OpenSCAD#5. 시각장애인도 3D 디자인을 - 맥미니(Mac mini) 만들기 2026.03.23 317
31 OpenSCAD#4. 시각장애인도 3D 디자인을 - 미키마우스 머리 만들기 2026.03.20 379
30 [수정] OpenSCAD#3. 시각장애인도 3D 디자인을 - 공간의 이해 - 좌표, 단위, 회전 2026.03.19 311
29 OpenSCAD#2. 시각장애인도 3D 디자인을 - 설치와 실행 2026.03.18 291
28 OpenSCAD#1. 시각장애인도 3D 디자인을 - 소개편 2026.03.17 263
27 센스리더 어센드 멀티라인 점자 출력 기능 2026.02.20 310
26 센스리더 가상커서 해제시 포커스 정보에 관하여 2026.02.09 480
25 센스리더 즐겨찾기 도구의 A.I. 프롬프트 사용 안내 2026.02.03 353
24 센스리더 도구에 대한 간략한 소개 2026.01.27 423
23 alt="" 접근성을 더욱 위배할 수 있다. 2025.05.14 969
22 시각장애 개발자와 함께하는 아이디어 마이닝 #9. 마치며 2024.11.22 1180