상단메뉴 바로가기 본문 바로가기 하단메뉴 바로가기

구민의 작은 소리에도

귀기울이는 서대문구의회

웹접근성정책

  • 일반사항

    • 소개

      서대문구의회는 서대문구의회 의회정보를 제공하는 사이트입니다. 서대문구의회는 웹표준을 준수하고, 웹접근성을 개선하기 위해 최선의 노력을 다하고 있으며 사용안내를 위해 필요한 내용과 변경 사항은 본 페이지를 통해 안내해드립니다.

    • 화면낭독기 사용시 참고사항
    • 1. 바로 접근(Accessiblility) 링크

      서비스 문서 시작부분에 반복되는 링크가 많은 페이지를 효율적으로 이용하기 위한 스킵 네비게이션(바로가기) 링크를 제공하고있습니다.

    • 2. 문서 제목(title태그)

      모든 문서마다 문서의 제목()을 제공하고, 문서의 제목은 문서의 특성을 잘 나타내도록 간단명료하게 기술하고 있습니다.

    • 3. 문서의 구조화

      문서는 논리적인접근 및 키보드 접근이 가능하도록 헤딩(

      ~

      ), 문단(

      ), 목록(

          ,
            ,
      ) 등의 태그를 사용하였습니다. 또한 디자인요소를 css를 사용하여 분리하고 있으며 스타일시트를 제거하더라도 콘텐츠를 이해하는데 전혀 불편함이 없습니다.

    • 4. 이미지 정보

      텍스트가 아닌 콘텐츠에는 모두 대체 텍스트가 제공되고 있으며, 대체 텍스트 제공이 어려운 도형이미지는 별도의 텍스트정보를 제공하고 있습니다.

    • 5. 신기술의 사용

      플래시 컨텐츠는 자체 접근이 가능한 대체 내용을 제공하고있습니다. 또한 부가 어플리케이션의 설치가 요구되는 문서를 고려하여 뷰어다운로드 페이지가 별도로 제공됩니다.

    • 6. 웹접근성 제안 및 의견

      웹접근성 향상을 위해 여러분의 제안이나 의견을 환영합니다. 언제든 의회내 서비스에 관해 보완해야할 사항이나 불편한점이 있으시면 자유게시판에 글을 남겨주시기 바랍니다.

    • 의회에바란다로 이동
  • 장애인컴퓨터활용

    글자가 작거나 크게 보일 경우 글자 크기를 설정하는 방법

    • 소개

      서대문구의회 홈페이지는 보다 많은 사람들이 평등하게 이용할 수 있도록 웹접근성을 강화하여 홈페이지를 개편하였습니다.

    • 목차
    • 1. 시각 장애인 컴퓨터 활용법
      시각 장애인 컴퓨터 활용법
      구분 모니터 화면확대 스크린리더 점자 단말기
      저시력인
      전맹 X X
    • 2. 운용기기
      • 저시력인: 화면 확대(돋보기)

        화면 확대(돋보기)
      • 저시력인: 고대비

        고대비
      • 전맹: 점자단말기

        점자단말기
      • 스크린 리더(Screen Reader)
        • 스크린 리더란 컴퓨터에 입력하거나, 화면에 나타난 내용을 음성합성장치나 TTS(Text-To-Speech)를 활용하여 음성으로 알려주는 시각장애인용 보조공학 프로그램의 하나.
        • 화면 낭독 프로그램이라고도 함.
        • 초기에는 H/W(음성합성장치)를 활용했으나 최근에는 S/W(TTS)를 활용
    • 3. 모드
      • 커서모드: 입력 및 메뉴 활용에 사용
      • 뷰모드: 커서 모드에서 키보드로 이동할 수 없는 곳을 시각장애인이 탐색하는데 사용
      • 뷰 모드 1
        • 일반적인 입력 모드는 커서 모드라고 한다.
        • 시각장애인이 키보드로 이동할 수 없는 화면상 각종 정보를 사용키 위해 뷰 모드 활용
        • 키패드의 넘록키를 눌러 넘록 오프라고 음성 출력하면 뷰 모드를 활용할 준비가 된다.
        • 뷰 모드는 키패드의 키를 활용한다.
      • 뷰 모드 2
        뷰모드에서 키패드 사용

        왼쪽으로 슬라이드해주세요 왼쪽으로 미는 아이콘

        뷰모드2
        2: ↓   8: ↑
        4: ←   6: →
        1: End   7: Home
        3: PgDn   9: PgUp
        /: 마우스 왼쪽 버튼 클릭
        *: 마우스 오른쪽 버튼 클릭
        Ins+Home(7): 좌상단 이동
        Ins+PgUp(9): 우상단 이동
        Ins+End(1): 좌하단 이동
        Ins+PgDn(3): 우하단 이동
        키보드 사진
      • 가상커서
        • 커서모드나 뷰모드로 시각장애인이 이해할 수 없는 인터넷을 탐색하는데 사용.
        • Html 문서의 소스 파일을 화면 낭독 프로그램이 분석하여 시각장애인에게 맞는 형태로 음성 출력함.
        • 기존 Windows를 접근하는 방법으로는 인터넷을 접근하기 어렵다.
        • 새로운 개념의 가상 커서로 인터넷 접근
        • 스크린 리더는 html 문서를 자신 만의 방법으로 해석하여 시각장애인에게 음성으로 알려준다.
        • 가상커서는 html 문서를 만나면 자동으로 실행된다.
    • 4. 가상커서키 활용
      • 위로, 아래로 한 줄 이동: ↑, ↓
      • 오른쪽, 왼쪽으로 한 칸 이동: →, ←
      • 링크된 문서로 이동: Enter
      • 이전 문서로 이동: BackSpace
      • 문서 처음으로 이동: Ctrl-home
      • 문서 끝으로 이동: Ctrl-end
      • 현재 줄 읽기: Ctrl-shift-i
      • 현재 단어 읽기: Ctrl-shift-k
      • 현재 글자 읽기: Ctrl-shift-comma
      • 문서 처음으로 이동: Ctrl-home
      • 문서 끝으로 이동: Ctrl-end
      • 연속읽기: F11
    • 5. 문서구조파악

      특정 HTML 문서를 만나면 가상커서는 "페이지 열림, 프레임, 링크, 라인, 창"이라고 음성 출력한다.
      현재 문서의 구조 파악: Ctrl-F9 실행하면"프레임: 0 링크: 14 총 라인: 39 현재라인: 13 창: 1/1"라고 음성 출력한다.
      전체 문서를 한 눈에 파악할 수 없는 시각장애인에게는 문서 구조 파악이 매우 중요하다.

    • 6. 세부키활용
      • ↓ 아래 방향키
        • 문서 처음에서 ↓로 문서의 끝까지 어떤 내용이 있는지 파악한다.
        • 시각장애인이 문서의 내용 파악에 가장 중요
      • Ctrl-L 링크 목록 보기
        • 링크목록 보기(Ctrl-L)로 현재 문서의 링크 목록만 파악할 수 있다.
        • 링크 목록 보기 대화상자
      • Ctrl-F2 폼 간의 이동
        • 웹 문서 내의 폼(편집창, 버튼, 체크상자, 라디오 버튼 등) 간의이동을 위해서 Ctrl-F2를 활용한다.
      • Tab 키 활용
        • 링크목록 보기(Ct기-L)는 링크목록만, 폼 간의 이동(Ctrl-F2)은 폼으로만 이동하기 때문에 불편하다.
        • Tab 키를 활용하면 링크와 폼을 모두 순서대로 이동한다.
      • Ctrl-F4 텍스트 간 이동
        • 링크 목록보기, 폼 간의 이동, 탭 키 활용은 문서 내의 텍스트에는이동하지 못한다.
        • 텍스트 간 이동Ctrl-F4을 실행하면 텍스트로 바로 이동할 수 있다.
      • Ctrl-F6 헤딩 간 이동
        • Html 문서 내의 헤딩(h1~h6) 간 이동을 위해서는 Ct기-F6를 활용한다.
        • 헤딩 간 이동을 실행하면 검색 Area 헤딩2, 검색 입력 폼 헤딩3, 검색 프로모션 헤딩3, 신지식 헤딩3 과 같이 음성 출력하여 시각장애인이 쉽게 찾을 수 있다.
      • Alt-Shift-W 프레임 목록 보기
        • 현재 문서 내의 프레임 목록을 파악
        • 원하는 프레임 목록을 선택한 후 현재 프레임 내용 읽기(Alt-F11)실행하여 내용 파악
        • 프레임 목록 보기 대화상자
      • Ctrl-G 이미지에 레이블 달기
        • 이미지, 그래픽 링크, 이미지 맵에 Alt-Text를 입력한 경우에는 해당 텍스트 음성 출력
        • Alt-Text가 없는 경우에는 파일이름을 음성출력함.
        • Alt-Text가 없는 경우에는 Ctrl-G로 원하는 텍스트 입력
        • 이미지에 레이블 달기 대화상자
      • Ctrl-F 찾기
        • 현재 문서 내의 특정 단어를 찾기 위해 찾기 Ctrl-F 활용한다.
        • 찾기에서는 단순히 텍스트 뿐만 아니라 이미지에 레이블을 달아놓은 것도 찾기가 가능하다.
        • 찾기 대화상자
      • Ctrl-`(grave) 이전 링크 문자열 찾기
        • 링크로 이동한 후 링크 명칭을 바로 찾아가기 위한 기능으로서네비게이션을 쉽게 지나쳐 갈수 있다.
        • 기사 제목 링크를 선택한 후 실행하면 쉽게 찾아갈 수 있다.
      • Ctrl-Shift-Enter
        • 링크 선택 후(Enter),
        • 이동 페이지에서 원하는 곳에 위치한 후 (Ctrl-`),
        • 읽기 실행(F11)
    • 7. 시각장애인의 접근을 높이는 방법
      • 헤딩(<h1> ~ <h6>)을 사용한다.
      • 링크에 제대로 된 설명을 붙인다
      • 목록을 사용한다
      • 논리적이고 간결한 alt text 사용한다
      • 짧고, 결론을 앞에 두는 문장을 사용한다
      • 제목표시줄을 짧고 명확하게 기술한다
  • 글자크기이용안내

    글자가 작거나 크게 보일 경우 글자 크기를 설정하는 방법

    • 1. 인터넷 익스플로러 : 상단 우측메뉴 도구 > 확대/축소 메뉴에서 설정 인터넷 익스폴로러 글자확대
    • 2. 파이어폭스 : 상단 우측메뉴 도구> 크기조정 메뉴에서 설정 파이어폭스 글자확대
    • 3. 오페라 : 왼쪽 상단 오페라 로고 > 확대/축소 메뉴에서 설정 오페라 글자확대
    • 4. 구글크롬 : 상단 우측메뉴 도구 > 확대/축소 메뉴에서 설정 크롬 글자확대
    • 5. 사파리 : 상단 우측메뉴 도구 > 확대/축소 > 실제크기, 확대, 축소, 텍스트만 확대/축소로 설정 사파리글자확대
    • 글자 확대/축소 서비스

      글자확대본문의 글자크기를 한단계 크게 보실 수 있습니다.

      글자축소본문의 글자크기를 한단계 작게 보실 수 있습니다.