소셜 미디어에서 접근 가능한 콘텐츠 만들기

소셜 미디어에 작성한 콘텐츠와 함께 시각 자료를 추가하면 브랜드 메시지를 높이고 브랜드 스토리텔링을 지원하며 참여도를 높일 수 있습니다. 하지만 게시물을 게시하는 플랫폼의 모든 사용자가 콘텐츠에 액세스할 수 있습니까?

세계보건기구(WHO)에 따르면 전 세계 인구의 약 15%가 어떤 형태로든 장애를 가지고 있으며, 그 수는 약 10억 명입니다. 또한 15세 이상의 최대 1억 9천만 명이 기능에 상당한 어려움을 겪고 있어 더 큰 접근성이 필요합니다. 시각 또는 청각 장애와 같은 장애가 있는 사람들은 장애가 없는 사람들이 종종 고려하지 않는 콘텐츠를 소비하기 위해 특정 도구가 필요할 수 있습니다. 회사와 비즈니스는 소셜 미디어 플랫폼의 접근성을 제어할 수 없지만 모두가 더 포괄적이고 액세스할 수 있도록 만드는 콘텐츠를 제어할 수 있습니다.

WCAG(Web Content Accessibility Guidelines) 및 해당 지침에 이미 익숙할 수 있지만 이것이 소셜 미디어에 게시된 콘텐츠에 어떻게 적용됩니까? 아래에는 소셜 미디어에서 보다 접근하기 쉬운 디지털 콘텐츠를 제작하여 결과적으로 더 많은 청중에게 도달할 수 있는 몇 가지 방법이 요약되어 있습니다.

비디오 캡션 및 오디오 설명

비디오 캡션은 소셜 미디어에서 표준이 되었습니다. YouTube 또는 TikTok과 같은 플랫폼에서 접근성을 높이는 데 도움이 되는 자동 생성 자막을 자주 볼 수 있습니다. 그러나 동영상에 캡션을 사용하지 않는 마케터가 여전히 많이 있으며, 그렇게 하더라도 여전히 캡션의 정확성을 고려하지 않을 수 있습니다.

캡션에는 두 가지 유형이 있습니다.

• 오픈 캡션 – 크리에이터가 직접 추가한 동영상에 포함된 캡션
• 클로즈드 캡션 – 비디오와 함께 업로드된 캡션으로 일반적으로 두 개의 별도 파일로 제공됩니다. 캡션 파일(종종 .srt 파일)은 캡션이 표시되어야 하는 비디오의 시간을 표시하며 사용자는 캡션을 켜거나 끌 수 있습니다.

어느 것이 가장 좋습니까? 이는 브랜드와 사용 가능한 리소스로 귀결됩니다. 오픈 캡션은 사용자가 이미 비디오에 있기 때문에 캡션을 켜는 것에 대해 걱정할 필요가 없고 캡션이 잘못될 위험이 적기 때문에 훌륭합니다(자동으로 생성된 경우에 비해). 반면 자막은 종종 확대 및 번역이 가능하므로 더 많은 사람들에게 다가갈 수 있는 인기 있는 선택입니다.

청각 장애가 있는 사람들은 종종 비디오 캡션에 의존하지만 그들만이 유일한 것은 아닙니다. Verizon Media와 Publicis Media의 연구에 따르면 50%의 사람들이 소리 없이 비디오를 보기 때문에 자막이 중요하다고 말합니다. 한편, 사람들의 69%는 공공장소에서 소리 없이 비디오를 볼 것이며, 80%는 캡션이 제공될 때 비디오를 끝까지 볼 의향이 있습니다. 한편, Facebook 동영상의 85%와 LinkedIn 동영상 조회수의 80%는 사운드가 꺼진 상태에서 시청됩니다.

상당수의 사용자가 소리 없이 동영상을 시청한다는 사실이 분명하므로 메시지를 전달하는 데 자막이 중요합니다. 또한 캡션은 사용자의 비디오 콘텐츠가 대부분인 Instagram Stories 및 Reels와 같이 순식간에 추가하기가 훨씬 더 쉬워졌습니다. 비교적 최근에 그들은 사용자가 말하는 내용을 기록하는 비디오에 추가할 수 있는 '캡션' 스티커를 제공했습니다. 인스타그램에 동영상 스토리를 자주 올리는 브랜드라면 자막을 추가하면 소리 없이 시청하는 사람과 자막이 필요한 사람에게 도움이 될 수 있습니다.

비디오를 게시하기 전에 항상 캡션을 검토/조정하여 정확성을 보장하거나 Subly와 같은 타사 서비스를 사용하여 소셜 플랫폼의 자동 생성 캡션에 의존하지 않고 캡션을 생성하십시오.

오디오 설명은 소셜 미디어에서 동영상에 대한 접근성을 높일 때도 중요할 수 있습니다. 시각 장애가 있는 사람들에게 오디오 설명은 여러분이 생각하는 그대로 오디오를 설명합니다. 비디오가 재생될 때 개인은 대화에만 의존하지 않고 장면에서 무슨 일이 일어나고 있는지 이해할 수 있는 기회를 갖게 됩니다. 여기에서 오디오 설명의 예를 찾을 수 있습니다.

현재 인기 있는 소셜 미디어 계정에 게시된 비디오에서 오디오 설명을 쉽게 켜거나 끌 수 없습니다. 따라서 오디오 설명이 없는 동영상과 오디오 설명이 있는 동영상 두 개를 업로드하는 것이 좋습니다. 특히 광고와 같이 브랜드 메시지에 매우 중요한 비디오 콘텐츠에 대한 이 추가 단계를 통해 훨씬 더 쉽게 액세스할 수 있습니다.

관련된

이미지 SEO를 개선하는 4가지 방법

이미지 대체 텍스트

대체 텍스트는 이미지가 무엇인지 설명하고 이미지 뒤에 있는 컨텍스트를 설명하는 이미지에 추가된 사본입니다. 시각 장애가 있는 사용자의 경우 대체 텍스트를 사용하면 화면 판독기가 이미지에 합성된 음성을 생성할 수 있습니다. 웹 사이트에서 이미지가 제대로 로드되지 않는 경우에도 대체 텍스트가 도움이 될 수 있습니다. 검색 엔진 최적화(SEO) 측면에서 대체 텍스트는 검색 엔진이 컨텍스트를 크롤링할 때 이미지 뒤에 더 많은 컨텍스트를 제공하여 색인을 생성할 때 도움이 될 수 있습니다.

대체 텍스트를 추가할 때 스크린 리더는 종종 최대 125자까지 읽을 수 있으므로 최대한 간결하게 작성하십시오. 그렇게 하는 동안 이미지에 컨텍스트를 제공하는 특정 단어를 사용하는 것도 중요합니다. “A woman at a desk… 당신은 당신이 할 수있는 한 설명하고 싶습니다. 또한 대체 설명의 시작 부분에 "이미지"를 사용하지 마십시오. 스크린 리더는 그것이 이미지라는 것을 이미 알고 있을 것이므로 바로 설명으로 이동하십시오.

대체 텍스트는 Instagram, Facebook, Twitter 및 LinkedIn과 같은 인기 있는 소셜 플랫폼에서 사용할 수 있습니다. Facebook 및 Instagram에서는 일반적으로 사진이 업로드되기 전에 Creator Studio에서 또는 게시된 후 사진 설정에서 이 옵션을 찾을 수 있습니다. Twitter의 경우 이미지 아래에 설명을 추가하는 옵션이 있고 LinkedIn의 이미지 상단에는 '대체 텍스트 추가'가 있습니다.

모든 이미지에 대체 텍스트가 필요한 것은 아닙니다. 순전히 장식용인 경우 일반적으로 이를 나타내는 상자를 선택할 수 있습니다. 또한 대체 텍스트 상자에 이미지 제목이나 캡션을 추가하지 않도록 하세요. 이미지를 설명하기 위해 스크린 리더가 필요한 장애가 있는 사용자에게는 도움이 되지 않습니다.

스크린 리더 이야기가 나와서 말인데, 소셜 미디어의 사본에 이모티콘을 추가하는 사람입니까? 이 일반적인 관행은 텍스트 옆에 생동감을 더할 수 있지만 위치가 중요합니다. 이모티콘에는 이미 대체 텍스트가 포함되어 있기 때문에 스크린 리더는 개인에게 이모티콘이 무엇인지 전달할 수 있지만 이모티콘이 문장 중간에 배치되거나 단어를 대체하거나 글머리 기호로 사용되면 특히 스크린 리더가 이모지와 텍스트를 처리하려고 할 때 항상 기대하는 컨텍스트에 맞지는 않습니다. 대신 문장 끝이나 캡션 끝에 이모티콘을 추가하세요.

이모지의 의미나 이모지가 텍스트로 어떻게 변환되는지 알고 싶다면 이 이모지피디아를 확인하세요.

해시태그를 대문자로

CamelCase(대문자가 낙타의 혹처럼 보이기 때문에 이름이 붙여짐)로 알려진 해시태그의 각 단어의 첫 글자에 대문자를 추가하면 사용자가 해시태그를 더 잘 이해할 수 있으므로 더 쉽게 접근할 수 있습니다. #LooksLikeThis

게시물에 해시태그를 추가하는 것은 더 많은 사람들에게 다가갈 수 있는 좋은 방법이지만 소문자의 바다가 있다면 유용하지 않을 것입니다. 또한 스크린 리더는 모두 소문자로 된 해시태그를 한 단어로 인식하므로 콘텐츠를 소비하는 개인에게 어떠한 도움도 제공하지 않습니다. 대신 CamelCase를 사용하는 해시태그를 사용하면 스크린 리더가 해시태그가 말하는 내용을 이해할 수 있으며 읽기 지원이 필요한 사람들을 도울 수 있습니다.

얼마나 많은 해시태그를 사용하는지 기억하는 것이 중요합니다. 스크린 리더를 사용하는 사용자의 경우 추가한 각 해시태그를 가져와 개인에게 알려줍니다. 즉, 20-30개의 해시태그를 사용하면 해당 개인은 각각의 해시태그를 들어야 합니다. 해결책으로 게시물의 첫 번째 댓글에 해시태그를 추가하여 캡션을 분리하고 스크린 리더가 메시지의 중요한 부분만 전달할 수 있도록 할 수 있습니다.

색상 대비 및 움직이는 그래픽

시선을 사로잡는 디자인은 소셜 미디어에서 브랜드에 놀라운 일을 할 수 있지만, 시각적 요소가 어떻게 표시되는지는 매우 중요합니다. 일반적으로 배경과 이미지의 텍스트 사이에는 항상 충분한 색상 대비가 있어야 합니다. 텍스트가 밝은 색상이면 어두운 배경에 있어야 합니다(반대의 경우도 마찬가지임). 색상 대비를 확인하는 가장 좋은 방법은 Web AIM의 Contrast Checker와 같은 온라인 도구를 사용하는 것입니다.

카피가 포함된 이미지는 최소 4.5:1의 색상 명암비가 필요하며, 18pt 이상의 텍스트와 아이콘, 버튼, 차트/그래프 구성 요소와 같이 의미를 전달하는 요소는 3:1 비율이 필요합니다.

스트로빙, 밝은 요소가 포함된 그래픽은 발작을 일으키기 쉬운 사람들에게 보기 어렵고 위험할 수 있습니다. 초당 세 번 이상 깜박이고 이미지에서 많은 공간을 차지하며 깜박임 사이에 뚜렷한 색상 대비(밝은 색과 어두운 색)가 있는 깜박이는 그래픽 또는 요소는 위험할 수 있습니다. Epilepsy Foundation에 따르면, 빛에 민감한 사람들은 초당 3회 이상의 플래시를 볼 수 없으며 플래시 요소는 그래픽 전체 영역의 25%를 초과해서는 안 됩니다. 그들은 또한 인간이 포화된 빨간색 깜박임에 더 민감하기 때문에 "포화 진한 빨간색" 색상이 간질 환자에게 더 큰 영향을 미친다는 사실을 발견했습니다. 빨간색 깜박임 임계값에 대한 자세한 내용은 여기에서 확인할 수 있습니다.

전 세계적으로 최소 22억 명의 사람들이 시각 장애를 가지고 있기 때문에 그들의 요구를 더 잘 충족하는 시각적 콘텐츠를 만드는 동시에 콘텐츠를 시각적으로 훨씬 더 쉽게 소비할 수 있도록 만드는 것은 윈윈입니다. 예를 들어 색맹은 일반적인 상태이며 소셜 미디어에서 그래픽을 디자인할 때 고려해야 합니다. 이 조건을 가진 사람들을 더 잘 수용하려면 색상을 의미로 사용하지 않는 것이 가장 좋습니다. 즉, 예를 들어 게시물의 오류를 표시하기 위해 빨간색만 사용하지 마십시오. 대신 원하는 의미를 나타내기 위해 이미지 안에 텍스트를 색상과 함께 포함하세요.

다음은 글꼴을 선택할 때 고려해야 할 몇 가지 빠른 팁입니다.

• 복잡한 배경 위에 텍스트를 사용하지 마십시오.
• 텍스트를 돋보이게 하려면 텍스트 뒤에 강조 표시로 대비되는 색상을 추가하세요.
• 읽기 어려운 작은 글꼴은 피하세요(12pt.가 가장 작아야 함).

앞으로 나아가 다

소셜 미디어에서 디자인에 더 큰 접근성을 추가하기 시작하기에 너무 늦지 않았습니다. 접근 가능한 소셜 미디어 콘텐츠를 제작하면 더 많은 청중에게 브랜드를 공개하고 더 많은 사람들이 콘텐츠를 소비할 수 있습니다. 현재 콘텐츠에서 개선할 수 있는 영역을 확인하세요. 추가 단계는 그만한 가치가 있습니다.