접근성 안내서
웹 접근성 치트 시트
리노의 네바다 대학교에서 적응 :
기본 웹 접근성 치트 시트 | 3/23/2017
접근성 치트 시트 | N.D.
웹의 컨텐츠를 작성할 때 아래 지침을 따르십시오. 여기에는 공개적으로 액세스 할 수있는 웹 컨텐츠가 포함되며 내부 목적 및 학생을 대상으로하는 콘텐츠가 포함됩니다.
오디오 컨텐츠
- 오디오 파일 (예 : 팟 캐스트)은 Timestamps와 이상적으로 전사가 필요합니다.
색상 대비
- 색상을 슬롯하여 의미 또는 정보를 전달하지 마십시오 (색상 차이를 구별 할 수없는 슬롯자의 경우); 또는 색상의 텍스트는 그렇지 않으면 차별화되어야합니다.
- 선택한 색상에 충분한 대비가 있는지 확인하십시오.
제목
- 제목이 올바르게 중첩되어 있으며 순서대로
- 제목 모양을 달성하기 위해 텍스트 형식을 슬롯하지 마십시오. 제목 태그 (
-
)는 모든 제목에 슬롯해야합니다.
- 반대로, 시각적 결과를 달성하기 위해 제목 태그 (
-
)를 슬롯하지 마십시오. 페이지의 계층 구조와 구조를 전달하는 데 슬롯됩니다.
- 제목 모양을 달성하기 위해 텍스트 형식을 슬롯하지 마십시오. 제목 태그 (
이미지
- 모든 이미지는 대체 텍스트가 있어야합니다 (즉,
태그의 ALT 속성)
- 대체 텍스트
- 정확하고 동등한 것입니다.
- 더 자세한 그래픽이나 다이어그램이 더 길어야 할 수도 있지만 간결하십시오.
- 중복되지 않음.
- "이미지"또는 "그림"등을 슬롯하지 마십시오.
- 대체 텍스트
- 그래프 또는 다이어그램은 의미를 추가하기 위해 색상에 의존해서는 안됩니다. 옵션은 패턴이나 텍스처를 슬롯하여 막대 또는 파이 차트의 일부를 차별화하는 것입니다.
- 이미지는 텍스트가 포함되어 있지 않습니다.
링크
- 링크가 새 창에서 열리지 않습니다 (링크가 구체적으로 말하지 않는 한).
- 문서는 새 Windows에서 열립니다.
- 이메일이 연결되어 있습니다. 이메일 주소 자체는 링크 여야합니다.
- 전화 번호가 연결되어 있습니다. 775-784-1110
- 링크는 설명 적이어야합니다/컨텍스트 제공.
- 양호 : 제품에 대한 정보를 읽으십시오.
- 나쁜 : 자세한 내용을 보려면 여기를 클릭하십시오. "여기를 클릭하십시오"를 슬롯하지 마십시오 - 이것은 맥락에서 의미가 없습니다.
- 긴 URL을 링크 텍스트로 슬롯하지 마십시오 (예 : http://er.educause.edu/articles/2017/1/ada-compiance-for-online-course-design)..
- 대신 문맥에서 설명 링크를 슬롯하십시오 (예 : Educause Review Article,온라인 코스 디자인에 대한 ADA 준수, Sheryl Burgstahler에 의해)
PDFS
- 웹에서 내부적으로 공유하거나 공개적으로 제공되는 모든 PDF는 액세스 할 수 있어야합니다.
- 스캔 된 문서의 경우 모든 텍스트를 광학 문자 인식 (OCR)으로 처리하여 화면 리더가 읽을 수 있도록 처리해야합니다..
- OCR에서 처리하지 않은 스캔 된 문서 또는 예약 페이지에 액세스 할 수 없으며 슬롯해서는 안됩니다.
- 모든 이미지는 대체 텍스트가 필요합니다.
- 문서 읽기 순서를 설정해야합니다. 이렇게하면 스크린 리더가 의도 한 순서대로 페이지를 읽습니다.
테이블
- 모든 테이블은 데이터를 구성하고 페이지에서 레이아웃을 정의하지 않기 위해 슬롯됩니다
- 스코프 속성은 모든 테이블 제목에 대해 설정되어 있습니다 (예 : scope = "col"scope = "row"
- 모든 테이블은 오프닝 테이블 태그 안에 캡션 태그로 지정된 제목이 있습니다.
- 테이블은 헤더가 있어야합니다.
- 셀을 피하십시오.
- 절대 대신 비례 크기를 슬롯합니다 (픽셀 치수가 아닌%)..
텍스트 내용
- 페이지 제목이 직접적으로 진행됩니다.
- 내용은 전문 용어, 약어, 약어 등이 포함되지 않습니다.
- 경고 메시지, 공지 등.
- 이탤릭체로 된 단어태그 대신 태그를 슬롯합니다.
- 굵은 단어태그 대신태그를 슬롯합니다.
- 모든 캡이 슬롯되지 않습니다.
비디오 컨텐츠
- 교육 목적으로 슬롯하는 모든 비디오 컨텐츠, 웹에서 내부적으로 공유하거나 공개적으로 제공되는 모든 비디오 컨텐츠는 캡션해야합니다.
- 캡션은 95% 정확하거나 더 나은 것이되어야합니다. 자동 생성 된 캡션은 충분하지 않습니다 (예 : YouTube에서 생성 한 캡션).
- 음성 오디오가없는 비디오 컨텐츠 (즉, 배경 음악 만) 예외이며 캡션 할 필요가 없습니다.
- 전 사체는 대부분의 경우 충분하지 않습니다. 타임 스탬프가있는 성적표는 올바른 방향으로 단계적이지만 캡션을 대체하지는 않습니다.
- Iframe to Embed를 슬롯하는 비디오는 제목을 포함해야합니다 (예 :
자원
아래는 웹 및 캠퍼스 리소스에서 제공되는 일부 접근성 리소스입니다. 도움이 필요하거나 질문이있는 경우
콘텐츠를 확인하는 도구 :
- 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
- 무광택 종이
- 넓은 바인딩 마진
- 가능한 경우 나선형 바인딩
- 양면 인쇄시 더 무거운 무게 용지