본문 바로가기 대메뉴 바로가기

활용팁

게시글 내 이미지 대체 텍스트 제공 글의 상세내용

『 게시글 내 이미지 대체 텍스트 제공 』글의 상세내용을 확인하는 표로 제목, 부서명, 등록일, 조회, 첨부, 내용으로 나뉘어 설명합니다.

제목 게시글 내 이미지 대체 텍스트 제공
작성자 정보통신팀 등록일 2023-11-08 조회 1300
첨부  

 

교내·외 공모전, 행사, 대회, 소식 등을 

이미지(포스터, 리플렛, 팝업, 카드뉴스 등)으로 제작하여 게시글에 등록할 때 

 

웹 사이트(페이지) 공지 정보 접근성(*웹 접근성) 보장을 위해 

 

다음의 예시처럼 이미지를 설명할 수 있는 동일한 내용의 대체 텍스트를 함께 작성하여 

정보를 제공해 주시기 바랍니다. 

 

이미지를 볼 수 없는 사용자는 스크린리더(텍스트를 TTS를 통해 읽어주는 소프트웨어​)를 이용해 

이미지에 대한 설명을 소리를 들으며 이해하기 때문에 이미지를 대신할 수 있는 설명을 텍스트로 제공해야 합니다. 

 

*웹 접근성(Web Accessibility) 정의 

장애인, 고령자 등이 웹사이트에서 제공하는 정보를 비장애인과 동등하게 접근하고 이용할 수 있도록 보장하는 것 

 

 

 

참고로 이미지 또한 html 태그 내 'alt' 속성(이미지 설명할 수 있는 텍스트​)를 삽입하여 

이미지를 보지 않고도 이해할 수 있는 설명을 포함시킬 수 있습니다. 

 

[예시]

<img src="/utl/web/imageSrc.do?path=ufLUHWm5XHpK03z6VpQCrw%3D%3D&amp;physical=ODk1rRf7Vl60nTmk2L3YrBA5Gpg0faWK5Fo5KX6ETnk%3D&amp;contentType=2maovP1g2TUDb3v2E3sPIw%3D%3D" alt="첼리스트 성승한의 시네마콘서트 포스터" align="baseline ">


 


< 에디터창 [HTML]탭에서 이미지 alt 속성 적용 화면 >

 

 

 

 

목록