슬롯 가이드

웹 슬롯 치트 시트

네바다 대학교 리노의 글에서 채택:
기본 웹 슬롯 치트 시트
슬롯 치트 시트

웹용 콘텐츠를 만들 때 아래 지침을 따르십시오. 여기에는 공개적으로 액세스할 수 있고 내부 목적으로 사용되는 모든 웹 콘텐츠와 학생을 대상으로 하는 콘텐츠가 포함됩니다.

오디오 콘텐츠

  • 오디오 파일(예: 팟캐슬롯)에는 타임스탬프가 포함된 스크립트가 있어야 합니다.

색상 대비

  • 의미나 정보를 전달하기 위해 색상을 사용하지 마십시오(색상 차이를 구분할 수 없는 사용자의 경우). 대체 색상의 텍슬롯는 다르게 구별되어야 합니다.
  • 선택한 색상의 대비가 충분한지 확인하세요.

제목

  • 제목
    • 제목 모양을 얻기 위해 텍슬롯 서식을 사용하지 마십시오. 모든 제목에는 제목 태그(
    • 반대로, 시각적 결과를 얻기 위해 제목 태그(

이미지

  • All images must have ALT text (i.e. the alt attribute of the <img tag)
    • Alt text should
      • 정확하고 동등해야 합니다.
      • 간결하게 작성하세요. 단, 좀 더 자세한 그래픽이나 다이어그램의 경우 더 길어야 할 수도 있습니다.
      • 중복되지 마십시오.
      • "이미지" 또는 "그림" 등의 문구를 사용하지 마십시오.
  • 그래프나 도표는 의미를 추가하기 위해 색상에 의존해서는 안 됩니다. 옵션은 패턴이나 텍스처를 사용하여 막대형 또는 원형 차트의 일부를 구별하는 것입니다.
  • 이미지에는 텍슬롯가 포함되어 있지 않습니다.

PDF

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

테이블

  • 모든 테이블은 데이터를 구성하는 데 사용되며 페이지의 레이아웃을 정의하는 데 사용되지 않습니다.
  • 범위 속성은 모든 테이블 표제에 대해 설정됩니다(예: 범위="col" 범위="row"
  • 모든 테이블에는 시작 테이블 태그 내부에 캡션 태그로 지정된 제목이 있습니다.
  • 테이블에는 헤더가 있어야 합니다.
  • 스팬 셀을 피하세요.
  • 절대적인 크기보다는 비례적인 크기를 사용하십시오(픽셀 크기보다는 %).

텍슬롯 내용

  • 페이지 제목은 간단합니다.
  • 콘텐츠에는 전문 용어, 약어, 두문자어 등이 포함되지 않습니다.
  • 경고 메시지, 알림 등은 의미를 추가하기 위해 색상에 의존하지 않습니다(예: 빨간색 오류 메시지에는 큰 빨간색 X도 포함되어야 합니다. 기호를 추가하면 어떤 방식으로든 문제가 있음을 사용자에게 전달할 수 있습니다. 색상에만 의존하지 않습니다.)
  • 기울임꼴 단어는
  • 굵게 표시된 단어는
  • 모두 대문자를 사용하지 않습니다.

동영상 콘텐츠

  • 교육 목적으로 사용되거나 내부적으로 공유되거나 웹에 공개적으로 제공되는 모든 비디오 콘텐츠에는 캡션이 추가되어야 합니다.
  • 캡션은 95% 이상 정확해야 합니다. 자동 생성된 캡션(예: YouTube에서 생성된 캡션)으로는 충분하지 않습니다.
  • 음성 오디오가 없는(예: 배경 음악만) 비디오 콘텐츠는 예외이며 캡션이 필요하지 않습니다.
  • 대부분의 경우 기록은 충분하지 않습니다. 타임스탬프가 포함된 스크립트는 올바른 방향으로 나아가는 단계이지만 캡션을 대체할 수는 없습니다.
  • 삽입하기 위해 iframe을 사용하는 동영상에는 제목이 포함되어야 합니다(예: