웹 페이지에서는 모든 소리가 자동으로 재생되지 않아야 합니다. 이런 소리가 자동 재생됨으로 인해 스크린리더 사용자가 콘텐츠를 인식하고 사용하는데 방해받지 않아야 합니다. 페이지 진입 시 자동 재생되는 3초 이상의 배경음 콘텐츠(동영상 포함) 콘텐츠에 포함된 멀티미디어 파일은 정지 상태로 제공되어야 하고, 사용자가 요구할 경우에만 재생 가능하도록 제공해야 합니다. 불가피하게 제공할 경우 해결 방안 3초 내에 정지 ESC 키 선택 시 정지 소스 상 가장 먼저 제공하여 정지 기능 실행 가능하도록 구현 [공부좌표] 6) 자동 재생 금지
텍스트 콘텐츠와 배경 간의 명도 대비는 4.5:1 이상이어야 합니다. [텍스트 명도 대비] 페이지에 존재하는 모든 텍스트에 대해 명도 대비를 준수해야 하는 것은 물론이고, 텍스트가 이미지로 된 경우에도 명도 대비를 준수해야 합니다. [의미가 있는 이미지 명도 대비] 텍스트뿐만 아니라 의미 있는 이미지의 경우에도 이미지를 인식할 수 있도록 명도 대비를 준수해야 합니다. [확대가 가능한 브라우저의 명도 대비] 확대가 가능한 브라우저에서는 최소 3:1 이상이면 준수입니다. 그래도 명도 대비가 높을수록 가독성이 높기 때문에 4.5:1 이상이 되도록 구현해주시기 바랍니다. [예외의 경우] 로고, 장식 목적의 콘텐츠, 마우스나 키보드를 활용하여 초점을 받았을 때 명도 대비가 커지는 콘텐츠 등은 예외로 합니다. [공..
멀티미디어 콘텐츠에는 이에 대한 대체 수단(자막, 대본, 수화 등)을 제공해야 합니다. 1) alt 제공 , , , 의 alt에는 적절한 대체 텍스트를 제공한다. *는 이미지맵에 사용되는 태그 [이미지가 이모티콘인 경우] 시각적으로 인식하는 것과 동일하게 대체 텍스트를 제공해야 한다. [이미지가 이모티콘인 경우] 시각적으로 인식하는 것과 동일하게 대체 텍스트를 제공해야 한다. [의미 없는 이미지의 경우] 속성에 alt=""는 무조건 필수로 넣어야 하기 때문에 아무것도 넣지 않는다. Q. alt 속성을 넣지 않으면 어떻게 되나요? NVDA - 누락된 이미지 설명을 확인하려면 컨텍스트 메뉴를 여세요. 출력. 보이스오더 - 이미지 출력. Q. alt=" "로 넣으면 어떻게 되나요? (가장 위험) NVDA - ..
텍스트 아닌 콘텐츠(ex. 이미지)는 그 의미나 용도를 인식할 수 있도록 대체 텍스트를 제공해야 한다. 1) alt 제공 , , , 의 alt에는 적절한 대체 텍스트를 제공한다. *는 이미지맵에 사용되는 태그 [이미지가 이모티콘인 경우] 시각적으로 인식하는 것과 동일하게 대체 텍스트를 제공해야 한다. [이미지가 이모티콘인 경우] 시각적으로 인식하는 것과 동일하게 대체 텍스트를 제공해야 한다. [의미 없는 이미지의 경우] 속성에 alt=""는 무조건 필수로 넣어야 하기 때문에 아무것도 넣지 않는다. Q. alt 속성을 넣지 않으면 어떻게 되나요? NVDA - 누락된 이미지 설명을 확인하려면 컨텍스트 메뉴를 여세요. 출력. 보이스오더 - 이미지 출력. Q. alt="", alt=" "로 넣으면 어떻게 되나요..
- Total
- Today
- Yesterday
- 대괄포 표기법
- innerHeight
- constructor
- __proto__
- 불일치 연산자
- scrollHeight
- property
- outerHeight
- javascript class
- 일치 연산자
- 링크막기 #a링크막기
- 프로퍼티
- 점 표기법
- offsetTop
- 부등 연산자
- offsetHeight
- 동등 연산자
- clientHeight
- [[Prototype]]
- @font-face
- clinetTop
- 객체의 프로퍼티
- scrollTop
- 동치 연산자
- prototype 프로퍼티
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |