접근성 안내서

웹 접근성

인쇄 접근성

웹 접근성 치트 시트

리노의 네바다 대학교에서 적응 :
기본 웹 접근성 치트 시트 | 3/23/2017
접근성 치트 시트 | N.D.

웹에 대한 컨텐츠를 작성할 때 아래 지침을 따르십시오. 여기에는 공개적으로 액세스 할 수있는 웹 컨텐츠가 포함되며 내부 목적 및 학생을 대상으로하는 콘텐츠가 포함됩니다.

오디오 컨텐츠

  • 오디오 파일 (예 : 팟 캐스트)은 타임 스탬프와 이상적으로 전사가 필요합니다.

색상 대비

  • 색상을 슬롯하여 의미 나 정보를 전달하지 마십시오 (색상 차이를 구별 할 수없는 슬롯자의 경우); 또는 색상의 텍스트는 그렇지 않으면 차별화되어야합니다.
  • 선택한 색상에 충분한 대비가 있는지 확인하십시오.

제목

  • 제목이 올바르게 중첩되어 있으며 순서대로
    • 제목 모양을 달성하기 위해 텍스트 형식을 슬롯하지 마십시오. 제목 태그 (<H1-<H6)는 모든 제목에 슬롯해야합니다.
    • 반대로, 시각적 결과를 달성하기 위해 제목 태그 (<h1-<h6)를 슬롯하지 마십시오. 페이지의 계층 구조와 구조를 전달하는 데 슬롯됩니다.

이미지

  • 모든 이미지는 대체 텍스트가 있어야합니다 (즉, <Img 태그의 ALT 속성)
    • 대체 텍스트
      • 정확하고 동등한 것입니다.
      • 더 자세한 그래픽이나 다이어그램이 더 길어야 할 수도 있지만 간결하십시오.
      • 중복되지 않음.
      • “이미지”또는“그림”등을 슬롯하지 마십시오.
  • 그래프 또는 다이어그램은 의미를 추가하기 위해 색상에 의존해서는 안됩니다. 옵션은 패턴이나 텍스처를 슬롯하여 막대 또는 파이 차트의 일부를 차별화하는 것입니다.
  • 이미지는 텍스트가 포함되어 있지 않습니다.
  • 링크가 새 창에서 열리지 않습니다 (링크가 구체적으로 말하지 않는 한).
  • 문서는 새 Windows에서 열립니다.
  • 이메일이 연결되어 있습니다. 이메일 주소 자체는 링크 여야합니다.
  • 전화 번호가 연결되어 있습니다. <a href = "전화 : 17757841110" 775-784-1110 </a
  • 링크는 설명 적이어야합니다/컨텍스트 제공.
    • 양호 : 제품에 대한 정보를 읽으십시오.
    • 나쁜 : 자세한 내용을 보려면 여기를 클릭하십시오."여기를 클릭하십시오"를 슬롯하지 마십시오 - 이것은 맥락에서 의미가 없습니다.
    • 긴 URL을 링크 텍스트로 슬롯하지 마십시오 (예 : http://er.educause.edu/articles/2017/1/ada-compliance-for-online-course-design)..
    • 대신 문맥에서 설명 링크를 슬롯하십시오 (예 : Educause Review Article,온라인 코스 디자인에 대한 ADA 준수, Sheryl Burgstahler)

PDFS

  • 웹에서 내부적으로 공유하거나 공개적으로 제공되는 모든 PDF는 액세스 할 수 있어야합니다.
  • 스캔 한 문서의 경우 모든 텍스트를 광학 문자 인식 (OCR)으로 처리하여 화면 리더가 읽을 수 있도록 처리해야합니다..
  • OCR에서 처리하지 않은 스캔 된 문서 또는 예약 페이지에 액세스 할 수 없으며 슬롯해서는 안됩니다.
  • 모든 이미지는 대체 텍스트가 필요합니다.
  • 문서 읽기 순서를 설정해야합니다. 이렇게하면 스크린 리더가 의도 한 순서대로 페이지를 읽을 수 있습니다..

테이블

  • 모든 테이블은 데이터를 구성하고 페이지에서 레이아웃을 정의하지 않는 데 슬롯됩니다
  • 스코프 속성은 모든 테이블 제목에 대해 설정되어 있습니다 (예 : scope = "col"scope = "row"<th scope = "row"
  • 모든 테이블은 오프닝 테이블 태그 안에 캡션 태그로 지정된 제목이 있습니다.
  • 테이블은 헤더가 있어야합니다.
  • 셀을 피하십시오.
  • 절대 대신 비례 크기를 슬롯합니다 (픽셀 치수가 아닌%)..

텍스트 내용

  • 페이지 제목이 간단합니다.
  • 내용은 전문 용어, 약어, 약어 등이 포함되지 않습니다.
  • 경고 메시지, 공지 등.
  • 이탤릭체로 된 단어 <i 태그 대신 태그를 슬롯합니다.
  • 굵은 단어 <b 태그 대신 <strong 태그를 슬롯합니다.
  • 모든 캡이 슬롯되지 않습니다.

비디오 컨텐츠

  • 교육 목적으로 슬롯하는 모든 비디오 컨텐츠, 웹에서 내부적으로 공유하거나 공개적으로 제공되는 모든 비디오 컨텐츠는 캡션해야합니다.
  • 캡션은 95% 정확하거나 더 나은 것이되어야합니다. 자동 생성 된 캡션은 충분하지 않습니다 (예 : YouTube에서 생성 한 캡션).
  • 음성 오디오가없는 비디오 컨텐츠 ​​(즉, 배경 음악 만) 예외이며 캡션 할 필요가 없습니다.
  • 대부분의 경우 성적표로는 충분하지 않습니다. 타임 스탬프가있는 성적표는 올바른 방향으로 단계적이지만 캡션을 대체하지는 않습니다.
  • Iframe to Embed를 슬롯하는 비디오는 제목을 포함해야합니다 (예 : <iframe title = "삽입 제목")..

자원

아래는 웹 및 캠퍼스 리소스에서 제공되는 일부 접근성 리소스입니다. 도움이 필요하거나 질문이있는 경우

콘텐츠를 확인하는 도구 :

  • Wave - 웹 접근성 평가 도구- 이것은 액세스 가능성 문제가 있는지 웹 페이지를 확인하는 Chrome 웹 브라우저의 무료 플러그인입니다.
  • Webaim Color Contrast Checker-이 도구는 색상을 확인하여 충분한 대비가 있는지 확인합니다.
  • Adobe Acrobat Pro (직원을위한 무료)-이 소프트웨어는 접근성을 확인하는 PDFS를 확인하는 기능이 포함되어 있습니다.
  • NVDA- 이것은 시각 장애가있는 슬롯자와 같은 방식으로 웹 페이지를 경험할 수있는 무료 화면 리더 응용 프로그램입니다.

대학교의 도움을위한 자원

기타 리소스

접근 가능한 인쇄 자료 생성 팁

컨텐츠

  • 사람을 포함하여 메시지가 명확하게 확인하십시오.
    • 현장 밖에서
    • 다양한 교육 수준
    • 다양한인지 능력
    • 스트레스 아래 (예 : 산불에서 대피하는 동안)
  • 콘텐츠가 잘 작성되었는지 확인
    • 일반 언어 슬롯
    • 공통 단어 슬롯
    • 익숙하지 않은 단어 정의
    • 약어, 약어, 전문 용어, 관용구를 피하십시오
    • 한 번에 하나의 아이디어를 전달
    • if/다음 문장을 피하십시오
    • 짧은 문장 슬롯
    • 활성 음성 슬롯
  • 콘텐츠가 잘 구성되어 있는지 확인
    • 가장 중요한 정보를 먼저 배치
    • 제목 슬롯
      • 순서대로 제목 슬롯
      • 각 레벨마다 고유 한 스타일을 슬롯
      • 각 레벨의 스타일이 일관되게 보장
    • 가능한 경우 짧은 총알/번호가 매겨진 목록 슬롯/적절한 경우
    • 텍스트가 포함 된 텍스트와 함께 텍스트

디자인

  • 디자인이 깨끗하고 매력적이며 구성되어 있는지 확인
    • 공백 슬롯
    • 텍스트 정당화
    • 열 슬롯 (~ 8-15 단어 너비)
    • 제목 슬롯
      • 순서대로 제목 슬롯
      • 각 레벨마다 고유 한 스타일 슬롯
      • 각 레벨의 스타일이 일관되도록 보장
    • 어색한 하이픈을 피하십시오
    • 주요 테이크 아웃에주의를 기울이십시오
    • 알아야 할 필요성과 잘 알고있는 정보를 명확하게 구별

색상

  • 좋은 색상 대비 슬롯
    • 어떤 비주얼의 모든 색상 사이에서
    • 비주얼과 배경색 사이
    • 글꼴과 배경색 사이
      • 글꼴 크기를 고려
      • 종이 색상, 질감 및 무게를 고려
    • 가장 읽기 쉬운
      • 흰색 배경/종이에 검은 텍스트
    • 팁 : 색상 대비 분석기와 같은 체커를 슬롯하고 흑백으로 문서를 인쇄하여 대비 테스트
  • 색상이 의미를 전달할 때 2 차 표시기 (텍스처 등)를 포함하십시오
  • 컬러 텍스트 제한 제목, 헤드 라인, 짧은 구절

visuals

  • 이미지의 텍스트 방지
  • 고해상도 비주얼 슬롯
  • 텍스트에서 비주얼을 참조하고 설명
  • 텍스트 참조/설명 근처에서 비주얼 찾기
  • 설명 레이블/캡션/범례/키 등이있는 비주얼과 동행

글꼴

  • 모든 캡에서 멀리 떨어져있어
  • 글꼴 크기/무게로 균형 선임/추적
  • 강조를 위해 이탤릭체 나 캡이 아닌 대담하거나 무거운 슬롯
  • 글꼴에 따라 바디 카피를 12-18 포인트로 만듭니다
  • 브랜드 글꼴 슬롯 (무수한 프로 (헤딩 및 바디 카피), 미니언 프로 (바디 카피), Arial)
    • Sans-Serif Fonts (Myriad Pro)는 읽기가 더 쉽습니다
    • Serif Fonts (Minion Pro)는 읽기가 더 어려울 수 있습니다
  • 슬롯하지 마십시오
    • 밝은/얇은 글자가있는 글꼴
    • 복잡한, 장식 또는 스크립트 글꼴
    • 선 스트로크 너비가 크게 변하는 글꼴
    • 여분의 검은 색, 이탤릭체 또는 응축 된 글꼴
      • 또는 더 큰 글꼴로 만 슬롯/더 큰 글꼴 크기

인쇄

  • use
    • 무광택 종이
    • 넓은 바인딩 마진
    • 가능한 경우 나선형 바인딩
    • 양면 인쇄시 더 무거운 체중 용지