제목 | 게시글 내 이미지 대체 텍스트 제공 | ||||
---|---|---|---|---|---|
작성자 | 정보통신팀 | 등록일 | 2023-11-08 | 조회 | 1300 |
첨부 | |||||
교내·외 공모전, 행사, 대회, 소식 등을 이미지(포스터, 리플렛, 팝업, 카드뉴스 등)으로 제작하여 게시글에 등록할 때
웹 사이트(페이지) 공지 정보 접근성(*웹 접근성) 보장을 위해
다음의 예시처럼 이미지를 설명할 수 있는 동일한 내용의 대체 텍스트를 함께 작성하여 정보를 제공해 주시기 바랍니다.
이미지를 볼 수 없는 사용자는 스크린리더(텍스트를 TTS를 통해 읽어주는 소프트웨어)를 이용해 이미지에 대한 설명을 소리를 들으며 이해하기 때문에 이미지를 대신할 수 있는 설명을 텍스트로 제공해야 합니다.
*웹 접근성(Web Accessibility) 정의 장애인, 고령자 등이 웹사이트에서 제공하는 정보를 비장애인과 동등하게 접근하고 이용할 수 있도록 보장하는 것
참고로 이미지 또한 html 태그 내 'alt' 속성(이미지 설명할 수 있는 텍스트)를 삽입하여 이미지를 보지 않고도 이해할 수 있는 설명을 포함시킬 수 있습니다.
[예시] <img src="/utl/web/imageSrc.do?path=ufLUHWm5XHpK03z6VpQCrw%3D%3D&physical=ODk1rRf7Vl60nTmk2L3YrBA5Gpg0faWK5Fo5KX6ETnk%3D&contentType=2maovP1g2TUDb3v2E3sPIw%3D%3D" alt="첼리스트 성승한의 시네마콘서트 포스터" align="baseline ">
< 에디터창 [HTML]탭에서 이미지 alt 속성 적용 화면 >
|