14. 이미지 삽입하기

① [디자인편집] 을 클릭합니다.

② [이미지] 요소를 클릭 후, 노출 할 위치에 마우스로 드래그하여 추가합니다.

③ [이미지] 요소의 [설정] 클릭 후, [목록] 을 클릭합니다.

④ [이미지추가] 를 클릭하여 원하는 이미지를 등록합니다.

(TIP) [기존이미지 삽입] 에서 기존에 등록된 이미지를 선택할 수도 있습니다.

⑤  [이미지 추가] 로 이미지 등록 후, [대체텍스트] 및 [크기설정] 을 설정합니다.

(TIP) 대체텍스트란?

대체텍스트는 웹접근성과 관련이 있습니다.

웹 접근성은 모든 사용자가 장애 유무에 관계없이 웹사이트에서 제공하는 모든 컨텐츠를 인식할 수 있도록 제공하는데 그 목적이 있습니다. 

그래서 텍스트가 아닌 이미지나 그외 컨텐츠들은 그 의미나 용도를 이해할 수 있도록 대체 텍스트(Alternative Text)를 제공해야 합니다. 

만약 이미지에 대한 마우스 오버 시 대체텍스트가 없을 경우 시각장애인 전용 리더기는 ‘이미지’ 라고만 말합니다.  

대체텍스트 입력요령으로는 국내유저를 타깃으로 하는 웹사이트일 경우 정확한 의미전달을 위해 꼭 국문으로 입력해주세요. 

영문으로 입력할 경우, 리더기가 잘못 읽는 경우가 있습니다. ex) UX(억스), HYUNDAI(현다이) 

또한 오타 확인은 물론 이미지에 대한 설명을 상세하게 적어주시면 더욱 좋습니다.

★ 이미지가 적용된 화면입니다.