카카오톡 연결
캠페인

대체텍스트에서 소리글자로! 캠페인 기획

by 유니마인드랩 posted Mar 10, 2023
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

 

12.jpeg

 

 

기존 대체텍스트 현황

이미지를 대체할 수 있는 텍스트, 이미지에 담긴 시각정보를 글로 입력하면 스크린 리더로 들을 수 있습니다.

대표적인 서비스로 애플의 Voiceover, 안드로이드 Talkback 등이 있습니다. 웹접근성을 높이기 위해 대체텍스트 기능이 도입되었습니다.

 

2.jpeg

 

지난해 국내 스마트폰 보급률이 약 90%을 넘어섰지만 여전히 상당수 모바입 앱 상에서 장애인, 고령층 등 디지털 취약계층에 대한 접근성 수준이 낮은 것으로 보고되었습니다. 특히 카카오내비, 페이코, T맵, 여기어때 등 일상생활과 밀접한 앱을 중심으로 개선 필요성이 드러나고 있습니다. 

 

과학기술정보통신부가 주관하여 온라인 환경에서의 서비스업 사이트를 대상으로 실시한 <2019 웹 접근성 실태조사> 에 따르면, 웹 접근성이란 장애인, 고령자, 어린이 등을 포함해 다양한 사용자가 웹 사이트에서 제공하는 모든 정보를 동등하게 이용할 수 있도록 보장하는 것입니다.

 

3.png

 

웹 접근성은 53.7%로 2018년보다 소폭 상승했지만 대체텍스트 제공은 43.7%이며 대다수의 홈페이지에서 대체텍스트 사용이 미흡한 실정입니다. <2021 웹 접근성 실태조사> 결과 발표 역시 웹 접근성 점수가 미흡함을 확인할 수 있습니다.

 

대체텍스트는 ‘alternative text’를 직역한 용어입니다. 이에 유니마인드랩은 직관적으로 이해할 수 있는 새로운 단어를 사용하기로 했습니다. 바로 “소리글자”입니다. 소리글자란? 대체텍스트 용어를 대신 사용하기 위해 어려운 직역체가 아닌 순우리말을 이용해 탄생했습니다. 

 

포스트코로나시대 온라인 환경에서 정보 전달 및 시각 콘텐츠의 중요성이 점점 위상이 올라가고 있습니다. 특히, 소셜미디어가 활발해지면서 시각콘텐츠의 의존도가 높아집니다. 대표적으로 인스타그램,블로그,페이스북 등이 있습니다. 이에 디지털 정보 격차로 정보 접근에 배제되는 것을 방지하기 위해 인스타그램은 대체텍스트 기능을 활발히 운영될 것으로 보입니다. 

 

소리글자 적용예시

유니마인드랩에서는 공식 인스타그램과 뉴스레터 ‘유니마인드레터’에 소리글자(대체텍스트)를 적용했습니다. 먼저 인스타그램입니다. 고급기능에서 대체텍스트(이하 소리글자)를 적용하는 기능을 활용했습니다. PC,모바일 모두 동일하며 고급기능으로 접근해 이용가능합니다.

 

2345.png

 

 

 

다음으로, 글리버리 뉴스레터에 적용된 소리글자(대체텍스트) 입니다. 글리버리 뉴스레터인 '유니마인드레터'에서는 장애, 비장애, 유니마인드 관련 소식을 전하는 뉴스레터를 운영 중입니다. HTML 소스코드를 활용해 <alt = "이미지설명"> 이미지설명을 추가할 수도 있지만, 접근성 관점에서 이미지 하단에 설명을 추가하는 하는 다시말해, 캡션을 달아 자세히 설명하는 방법을 고안했습니다. 

 

567.jpeg5452.jpeg

소리글자(대체텍스트) 적용시 주의사항

 

직접 소리글자를 적용해 [이미지설명 소리글자]로 작성된 예시를 확인해보셨습니다. 소리글자(대체텍스트) 작업 과정에서 추후에 스크린리더를 활용해 사용자 입장을 고려해 설명이 보다 추가 보완되어야 함을 알았고, 작성 시 주의사항들을 참고해 정리해보았습니다. 

대표적으로 유니마인드랩을 영문으로 작성한다면 "Unimindlab"으로 보이스오버를 사용해 들어본 결과 "어니마인드랩"으로 발음되는 것을 확인했습니다. 이에 한글 작성으로 "유니마인드랩"으로 작성되어야 합니다. 다음으로, 숫자의 경우 "2,000만원"으로 표기되는 경우는 "이 따옴표 영영영영 만원"으로 읽힘을 확인했습니다. "이천만원"이라는 독음으로 이미지설명으로 작성되어야 합니다. 마지막으로 년도 기입을 할 때에도 마찬가지로 2023년을 "이천이십삼년"으로 작성되어야 대체텍스트 사용이 활발한 사용자 입장에서 적절히 의미가 통하는 것으로 사료됩니다.

 

1. 이미지설명 소리글자 입력시 안내사항
- 영문, 한자, 숫자는 한글로 순화해 표시해야합니다.
- 년도 기입은 순 한글로 작성합니다.
- 특수문자 및 기호 사용은 자제합니다.

2.이미지설명 소리글자 입력시 유의사항 
- 이미지의 디자인이나 사진이 중요할 경우, 이미지속 활자 뿐 아니라 배경과 사진 등에 대한 설명도 덧붙인다면 좋습니다. 
- 이외에 음성으로 듣는 내용임을 고려해 정확하되 짧고 간결하게 작성하는 것이 좋습니다.
- 작성시 내용을 빠트리거나 틀리지 않도록 주의합니다.
- 이모티콘과 이모지 사용은 최소화합니다.

 

54352.png

 

끝으로
유니마인드랩은 웹접근성 향상을 위한 노력의 일환으로 소셜미디어 생태계의 대체텍스트 사용을 권장하기 위해 앞장서고자 합니다. 대체텍스트 용어를 대신해 “소리글자”라는 순우리말을 이용할 것이며, 앞으로 공식 소셜미디어에 제공되는 이미지 정보를 이미지설명 소리글자를 적용하려고 합니다. 소리글자 캠페인을 기획 중이며 많은 관심 부탁드립니다. 감사합니다. 

 

 

 

  1. 유니마인드랩 소리글자(대체텍스트) 캠페인 참여 모집

  2. 대체텍스트에서 소리글자로! 캠페인 기획

  3. 소셜캠퍼스온 서울1센터 선발 및 입주

  4. ESG 서포터즈 1기 해단식 현장

  5. 서로Seoro 서비스 2월 체험단 (이용자) 모집

  6. KBS3 라디오 심준구의 세상보기 출연 후기

  7. 서로Seoro 서비스 1월 체험단 (이용자) 모집

  8. ESG 서포터즈 1기 발대식 현장

  9. 2022년 유니마인드 연말결산

  10. 브랜드 스토리

  11. 유니마인드랩 ESG 서포터즈 모집

  12. 클럽하우스 인식의 새로고침 x 유니마인드랩 대한민국 임시정부 기념관 방문기

  13. 서로Seoro 서비스 체험단 2기 모집

  14. 서로Seoro 서비스 서포터즈 2기 모집

  15. 서로Seoro 서비스 체험단 1기 모집

Board Pagination Prev 1 2 Next
/ 2


문의하기

문의사항이 있으시면 언제든지 메일, 전화, DM을 보내주세요.

uni@unimindlab.com

070-7014-0304

@unimindlab