Dreamweaver의 액세스 가능성 기능

마지막 업데이트 날짜 2021년 4월 27일

Dreamweaver통해 웹 사이트 및 웹 제품을 시각, 청각 또는 기타 장애가 있거나 거동이 불편한 사람들이 사용할 수 있도록 합니다.

액세스 가능한 내용 정보

접근성은 시각, 청각, 운동 기능 및 기타 장애가 있는 사람들이 웹사이트와 웹 제품을 사용할 수 있도록 하는 것을 의미합니다.소프트웨어 제품 및 웹 사이트의 접근성 기능 예로는 스크린 리더 지원, 그래픽의 텍스트 대체 요소, 키보드 단축키, 표시 색상을 고대비로 변경하는 기능 등이 있습니다. Dreamweaver는 접근성 있게 사용할 수 있는 도구와 접근성 있는 콘텐츠를 작성하는 데 도움이 되는 도구를 제공합니다.

접근성 기능을 사용해야 하는 Dreamweaver 개발자를 위해 애플리케이션은 스크린 리더 지원, 키보드 탐색 및 운영 체제 접근성 지원을 제공합니다.

접근성 있는 콘텐츠를 만들어야 하는 웹 디자이너를 위해 Dreamweaver는 스크린 리더에 유용한 콘텐츠가 포함되고 연방 정부 가이드라인을 준수하는 접근성 있는 페이지를 만드는 데 도움을 줍니다. 예를 들어, 페이지 요소를 삽입할 때 대화 상자에서 이미지의 텍스트 대체 요소와 같은 접근성 속성을 입력하라는 메시지가 표시됩니다.그러면 시각 장애가 있는 사용자를 위해 페이지에 이미지가 나타날 때 스크린 리더가 설명을 읽어줍니다.

메모

두 가지 주요 접근성 계획에 대한 자세한 내용은 World Wide Web Consortium Web Accessibility Initiative (www.w3.org/wai) 및 미국 Federal Rehabilitation Act (www.section508.gov).

메모

일본 산업 표준 접근성 가이드라인에 대한 자세한 내용은 JIS X 8341-3 (www.jisc.go.jp)을 참조하십시오.

개발 과정을 자동화할 수 있는 제작 도구는 없습니다. 접근성 있는 웹 사이트를 디자인하려면 접근성 요구 사항을 이해하고 장애가 있는 사용자가 웹 페이지와 상호 작용하는 방법에 대해 지속적인 결정을 내려야 합니다. 웹 사이트의 접근성을 보장하는 가장 좋은 방법은 신중한 계획, 개발, 테스트 및 평가를 통해서입니다.

Dreamweaver에서 화면 판독기 사용

화면 읽기 프로그램은 컴퓨터 화면에 나타나는 텍스트를 읽어줍니다.또한 작성 중에 접근성 태그나 속성에 제공된 버튼 레이블 또는 애플리케이션의 이미지 설명과 같은 비텍스트 정보도 읽어줍니다.

Dreamweaver 디자이너는 웹 페이지를 만드는 데 도움을 받기 위해 스크린 리더를 사용할 수 있습니다. 스크린 리더는 문서 창의 왼쪽 상단 모서리부터 읽기 시작합니다.

Dreamweaver는 Freedom Scientific(www.freedomscientific.com)의 JAWS for Windows와 GW Micro(www.gwmicro.com)의 Window-Eyes 스크린 리더를 지원합니다.

운영 체제 접근성 기능 지원

Dreamweaver는 Windows 및 Macintosh 운영 체제의 접근성 기능을 지원합니다. 예를 들어 Macintosh에서는 [Universal Access 환경설정] 대화 상자(Apple > 시스템 환경설정)에서 시각적 환경설정을 지정합니다. 설정 값은 Dreamweaver 작업 영역에 반영됩니다.

Windows 운영 체제의 고대비 설정도 지원됩니다. Windows 컨트롤 패널을 통해 이 옵션을 활성화하면 Dreamweaver에 다음과 같이 영향을 줍니다:

  • 대화 상자와 패널에 시스템 색상 설정이 사용됩니다. 예를 들어 색상을 흰색/검은색으로 설정하면 모든 Dreamweaver 대화 상자와 패널이 흰색 전경색과 검은색 배경으로 나타납니다.

  • 코드 보기에 시스템 및 창 텍스트 색상이 적용됩니다. 예를 들어 시스템 색상을 흰색/검은색으로 설정한 다음 [편집] > [환경설정] > [코드 색상 지정]에서 텍스트 색상을 변경하면 Dreamweaver는 해당 색상 설정을 무시하고 코드 텍스트를 흰색 전경색과 검은색 배경으로 표시합니다.

  • 디자인 보기에서는 [수정] > [페이지 속성]에서 설정한 배경 및 텍스트 색상을 사용하여 디자인하는 페이지의 색상이 브라우저와 같이 표시되도록 합니다.

접근성 있는 페이지 디자인을 위한 작업 공간 최적화

접근성 있는 페이지를 만들 때는 레이블 및 설명과 같은 정보를 페이지 오브젝트와 연결하여 모든 사용자가 콘텐츠에 접근할 수 있도록 해야 합니다.

이를 위해 각 오브젝트의 접근성 대화 상자를 활성화하여 Dreamweaver가 오브젝트를 삽입할 때 접근성 정보를 입력하라는 프롬프트를 표시하도록 합니다.환경 설정의 접근성 카테고리에서 모든 객체에 대한 대화 상자를 활성화할 수 있습니다.

[편집] > [환경 설정](Windows) 또는 [Dreamweaver] > [환경 설정](Macintosh)을 선택합니다.
왼쪽 범주 목록에서 접근성을 선택하고, 오브젝트를 선택한 후 다음 옵션 중 하나를 설정하고 [확인]을 클릭합니다.

삽입할 때 속성 표시

접근성 대화 상자를 활성화할 오브젝트를 선택합니다.예를 들어 양식 오브젝트, 프레임, 미디어 및 이미지를 선택합니다.

열 때 패널에 포커스 유지

패널에 초점을 유지하여 스크린 리더가 접근할 수 있도록 합니다.(이 옵션을 선택하지 않으면 사용자가 패널을 열 때 초점이 디자인 또는 코드 보기에 유지됩니다.)

오프스크린 렌더링

화면 판독기를 사용할 때 이 옵션을 선택합니다.

메모

액세스 가능성 속성은 새 표를 삽입할 때 [표 삽입] 대화 상자에 표시됩니다.

마우스 없이 키보드를 사용하여 패널, 속성 관리자, 대화 상자, 프레임, 테이블을 탐색할 수 있습니다.

메모

탭 이동 및 화살표 키 사용은 Windows에서만 지원됩니다.

문서 창에서 Control+F6을 눌러 패널로 초점을 이동합니다.

패널 제목 주위의 점선은 해당 패널에 초점이 있음을 나타냅니다.화면 판독기가 초점이 있는 패널 제목 표시줄을 읽습니다.

Control+F6을 다시 눌러 작업하려는 패널에 초점이 올 때까지 초점을 이동하세요.(Control+Shift+F6를 눌러 이전 패널로 초점을 이동하세요.)
작업하려는 패널이 열려 있지 않은 경우 Windows 메뉴의 키보드 단축키를 사용하여 해당 패널을 표시한 다음 Control+F6을 누릅니다.

작업하려는 패널이 열려 있지만 펼쳐지지 않은 경우 패널 제목 표시줄에 초점을 두고 스페이스바를 누릅니다.스페이스바를 다시 누르면 패널이 축소됩니다.

Tab 키를 눌러 패널의 옵션 간을 이동하세요.
필요에 따라 화살표 키를 사용합니다.
  • 옵션에 선택 사항이 있는 경우 화살표 키를 사용하여 선택 사항을 스크롤한 다음 스페이스바를 눌러 선택합니다.

  • 패널 그룹에 다른 패널을 열 수 있는 탭이 있는 경우 열린 탭에 초점을 둔 다음 왼쪽 또는 오른쪽 화살표 키를 사용하여 다른 탭을 엽니다.새 탭을 연 후 Tab 키를 눌러 해당 패널의 옵션들 사이를 이동합니다.

속성 검사기가 보이지 않으면 Control+F3을 눌러 속성 검사기를 표시합니다.
Control+F6(Windows만 해당)을 눌러 속성 관리자로 초점을 이동합니다.
Tab 키를 눌러 속성 관리자 옵션들 사이를 이동합니다.
화살표 키를 적절히 사용해 옵션 선택 사항을 이동합니다.
필요에 따라 Control+아래쪽 화살표/위쪽 화살표(Windows) 또는 Command+아래쪽 화살표/위쪽 화살표(Macintosh)를 눌러 속성 관리자의 확장 섹션을 열고 닫거나, 오른쪽 아래 모서리의 펼치기 화살표에 초점이 맞춰진 상태에서 스페이스바를 누릅니다.
메모

펼치기와 접기가 작동하려면 키보드 초점이 속성 관리자 내부에 있어야 하며 패널 제목에 있으면 안 됩니다.

Tab 키를 눌러 대화 상자의 옵션 간을 이동합니다.
화살표 키를 사용하여 옵션의 선택 항목 간에 이동합니다.
대화 상자에 카테고리 목록이 있으면 Control+Tab(Windows)을 눌러 카테고리 목록으로 초점을 이동한 다음 화살표 키를 사용하여 목록을 위아래로 이동하십시오.
Control+Tab을 다시 눌러 카테고리 옵션으로 이동하세요.
Enter 키를 눌러 대화 상자를 닫습니다.
문서에 프레임이 포함되어 있으면 화살표 키를 사용해 프레임으로 초점을 이동할 수 있습니다.

프레임 선택

Alt+아래쪽 화살표를 눌러 문서 창에 삽입점을 배치하십시오.
Alt+위쪽 화살표를 눌러 현재 초점이 있는 프레임을 선택합니다.
Alt+위쪽 화살표를 계속 눌러 프레임세트로, 그다음 중첩된 프레임세트가 있으면 상위 프레임세트로 초점을 이동합니다.
Alt+아래쪽 화살표를 눌러 자식 프레임세트나 프레임세트 내의 단일 프레임으로 초점을 이동합니다.
단일 프레임에 초점이 맞춰진 상태에서 Alt+왼쪽 또는 오른쪽 화살표를 눌러 프레임 간을 이동합니다.
화살표 키를 사용하거나 Tab을 눌러 필요에 따라 테이블의 다른 셀로 이동하세요.
메모

맨 오른쪽 셀에서 Tab을 누르면 테이블에 새 행이 추가됩니다.

셀을 선택하려면 삽입점이 셀에 있는 동안 Control+A(Windows만 해당)를 누릅니다.
전체 테이블을 선택하려면 삽입점이 셀에 있으면 Control+A를 두 번 누르고, 셀이 선택되어 있으면 한 번 누릅니다.
테이블을 종료하려면 삽입점이 셀에 있으면 Control+A를 세 번, 셀이 선택되어 있으면 두 번, 테이블이 선택되어 있으면 한 번 누른 다음 위쪽, 왼쪽 또는 오른쪽 화살표 키를 누릅니다.