생성 모드 알아보기

특별한 의미가 없는 이미지는 장식형이에요.

https://docs.a11y.so/ko/articles/60dba1c4

https://docs.a11y.so/ko/articles/242d33c1

https://docs.a11y.so/ko/articles/9fdf0620

https://docs.a11y.so/ko/articles/78f54565

https://docs.a11y.so/ko/articles/3fceb343

https://docs.a11y.so/ko/articles/69d89b01

텍스트 대신 특정 기능을 의미하는 이미지는 기능형 이에요.

글자 대신 시각적 정보나 분위기를 전달하는 이미지는 그래픽형이에요

간소화 모드란?

- 간소화 모드 개념, 용도 - 간소화 모드 대체 텍스트 작성 팁 - 검수팁

• 이미지 분류 가이드를 통해, 사용자가 직접 이미지 유형을 적합하게 분류할 수 있어야 한다.

• 이미지 분류 참고자료: https://www.notion.so/inseq/v0-2-249cedcd8427801a8737f894434874ee?source=copy_link

1. 기존에 적용된 대체 텍스트를 그대로 적용하고 싶을 경우 기존 대체텍스트 그대로 적용 버튼을 클릭합니다.

2. AI를 통해 대체 텍스트를 생성하기 위해 AI 생성 버튼을 클릭합니다.

3. 대체 텍스트가 정상적으로 생성되었는지 에디터에서 1차 검토합니다.

4. 오탈자 등의 텍스트나 목록, 표 서식은 에디터 탭에서 수정 할 수 있습니다.

5. HTML 탭에서는 에디터에 입력된 내용을 태그로 확인할 수 있습니다.

6. 수정할 내용이 없을 경우 저장 버튼을 클릭합니다.

[사용 화면 캡쳐 이미지 또는 영상 첨부]

1. 기존에 적용된 대체 텍스트를 그대로 적용하고 싶을 경우 기존 대체텍스트 그대로 적용 버튼을 클릭합니다.

2. alt 입력칸에 이미지 전체 정보가 요약된 alt 텍스트를 입력합니다.

3. 활성화된 desc 입력칸에 desc 텍스트를 입력합니다.

   1. desc 입력 시 에디터의 제목/목록/표 서식으로 의미에 맞게 순서대로 구조화 해주세요.

   2. 오탈자에 유의해 이미지 속 모든 글자를 가감없이 작성해 주세요.

   3. 순서도, 차트, 사진 등의 인포그래픽이 포함되었다면 정보를 설명해 주세요.

      예) qr 코드 이미지

4. HTML 탭에서 코드 변환된 내용을 확인할 수 있습니다.

5. 수정할 내용이 없을 경우 저장 버튼을 클릭합니다.

[사용 화면 캡쳐 이미지 또는 영상 첨부]

• https://nia-a11y.github.io/kwcag22tech/1/1/1/#%EA%B8%B4-%EC%84%A4%EB%AA%85%EC%9D%B4-%ED%95%84%EC%9A%94%ED%95%9C-%EA%B2%BD%EC%9A%B0

• 기본 규칙

  대체 텍스트 작성 시

  • 콘텐츠의 의미와 기능을 정확하고 동등하게 전달할 수 있도록 작성한다.

  • 불필요한 정보나 장황한 설명을 피하고, 콘텐츠 맥락을 고려하여 간결하고 명확한 표현을 사용한다.

  • 이미지 주변 텍스트와 동일한 정보를 중복 제공하지 않는다.

  • 이미지 대체 텍스트에 ‘~이미지’, ‘~사진’, ‘~아이콘’ 등의 불필요한 단어를 포함하지 않는다.