A11Y and Guru: Adding Alt Text to Guru Cards

Guru Cards에 alt 텍스트를 추가할 때 회사 내 모든 사람을 위해 공유된 지식을 보다 접근 가능하고 포용적으로 만드는 데 일조하고 있습니다.
Table of Contents

우리 모두가 '사진 한 장이 일천 단어에 상응한다'는 속담을 들어본 적이 있습니다. 포괄적인 이미지를 지원하는 데 든든하며 거의 완벽한 것이 없습니다. 당신이 업무를 수행하기 위해 필요한 지식이 당신을 찾아야 할 것이라는 우리의 믿음에 의해 지원됩니다. 이 믿음은 모든 인지 및 신체 능력을 가진 사용자에게 적용되며, 우리는 가능한 한 Guru를 접근할 수 있고 포괄적으로 만들기 위해 노력합니다.

웹 접근성 가이드라인의 2.1 버전에서 발견된 권장 사항을 따르며, 우리는 정기적으로 앱을 테스트하고 액세스 가능성 감사 를 매달 여섯 달마다 또는 중요한 업데이트가 있을 때마다 실시합니다. 예를 들어 카드에 대한 이미지의 alt 설명 추가 기능.

줌 회의에 사람들이 포함된 Card를 보여주는 Guru 브랜드 이미지

"Alt 설명이 중요한 이유"

Alt 설명 또는 "alt 텍스트"는 사용자의 경험에 영향을 줍니다. 시청자들은 그림을 볼 수 있고 어떻게 콘텐츠와 관련이 있는지 이해할 수 있습니다. 대체 텍스트 설명은 보조 기술(스크린 리더 또는 간편한 점자 표시 장치 사용자)를 사용하는 사람들에게 콘텍스트를 제공하는 데 중요합니다. 빠른 인터넷에 액세스할 수 없는 독자들도 이미지를 끄고 콘텍스트를 유지하면서 페이지 로딩을 개선할 수 있음으로 인해 수용된다.

Guru에서 대체 텍스트가 작동하는 방법

적절한 설명을 추가하는 것은 전 세계적으로 접근성 법률을 준수하는 데 도움이 됩니다. 이러한 법률이 비문자 기반 콘텐트에 대한 텍스트 대체물을 제공해야 한다고 명시한 웹 콘텐츠 접근성 지침을 참조합니다.

Guru 카드 편집기는 Guru 카드에 이미지에 대한 대체 텍스트를 추가하는 데 사용할 수 있는 여러 가지 방법을 지원합니다. 하나의 방법은 마크다운을 사용하여 작업을 완료하는 몇 줄의 코드를 작성하는 것입니다. 다른 방법은 통합 팝업 모달을 사용하는 것입니다. Guru 카드에 이미지를 추가할 때 팝업 메뉴가 표시됩니다. 해당 메뉴에서 "대체 텍스트" 버튼을 볼 수 있습니다. 클릭하면 대체 텍스트를 추가할 수있는 모달이 나타납니다.

Guru 카드에 이미지에 대체 텍스트를 추가하는 방법을 보여주는 애니메이션

왜 대체 설명이 지식을 함께 높이는가

대체 텍스트 설명은 효과적인 이미지의 중요한 부분으로, 모든 사용자에게 접근 가능한 Guru 카드를 만드는 데 중요한 요소입니다. 이미지에 대체 텍스트가있는 카드를 만들 때는 가능한 한 많은 정보를 제공하여 포용적인 콘텐츠를 만든다는 것을 보장합니다. 작성하는 설명적 텍스트는 카드 콘텐츠 주변의 추가 콘텍스트를 제공하여 지식 이해와 가독성을향상시킬 수 있습니다.

대체 텍스트가있는 카드에 대한 신뢰 수준에 대해 이야기할 수도 있습니다. 신뢰할 수있는 지식을 카드에 추가하는 것뿐만 아니라 정보를 가능한 한 포용적으로 전달한다고 사람들에게 신호를 보내고 있습니다. 확인된 카드에 대체 설명을 추가하면 정보를 인증하고 모든 사람이 이익을 얻을 준비가 되었음을 신호합니다.

엔터프라이즈 검색 + 위키 + 인트라넷이라는 CTA

효과적인 대체 설명 작성 팁

이미지에 대한 효과적인 대체 설명 작성은 모든 사용자가 Guru 카드에 접근할 수 있게하는 중요한 부분입니다. 이러한 설명을 작성할 때 유념해야 할 몇 가지 모범 사례가 있습니다.

  • 공개 Guru 카드의 SEO를 강화하는 데 키워드 채우기를 회피하십시오.
  • 이미지의 목적을 고려하십시오. 페이지에 이미지가 포함된 이유와 전달하는 정보에 대해 스스로 질문하십시오. 이를 통해 효과적인 대체 설명을 작성하는 데 도움을받을 수 있습니다.
  • 스크린 리더가 이미지가있음을 발표하면 "Image of" 또는 "Picture of"와 같은 구문은 피하는 것이 좋습니다. 이들은 중복되고 불필요한 혼란을 줍니다.
  • 설명이 간결하고 정확하며 보통 한 두 문장 안에, 색상 및 기타 관련 정보와 같은 이미지의 주제 내용을 정확히 나타내는 충분한 세부 정보를 제공하는지 확인하십시오.
  • 가치를 추가하지 않는 주관적 언어와 불필요한 세부 정보를 피하십시오. 게다가 이미지의 파일 이름을 사용하지 않아야 합니다. 유용한 정보를 제공하지 않거나 서술적이지 않을 수 있습니다.
  • 마지막으로, alt 텍스트를 테스트하여 올바르게 읽혀지고 의도한 의미를 전달하는지 확인하십시오.

우리 모두가 '사진 한 장이 일천 단어에 상응한다'는 속담을 들어본 적이 있습니다. 포괄적인 이미지를 지원하는 데 든든하며 거의 완벽한 것이 없습니다. 당신이 업무를 수행하기 위해 필요한 지식이 당신을 찾아야 할 것이라는 우리의 믿음에 의해 지원됩니다. 이 믿음은 모든 인지 및 신체 능력을 가진 사용자에게 적용되며, 우리는 가능한 한 Guru를 접근할 수 있고 포괄적으로 만들기 위해 노력합니다.

웹 접근성 가이드라인의 2.1 버전에서 발견된 권장 사항을 따르며, 우리는 정기적으로 앱을 테스트하고 액세스 가능성 감사 를 매달 여섯 달마다 또는 중요한 업데이트가 있을 때마다 실시합니다. 예를 들어 카드에 대한 이미지의 alt 설명 추가 기능.

줌 회의에 사람들이 포함된 Card를 보여주는 Guru 브랜드 이미지

"Alt 설명이 중요한 이유"

Alt 설명 또는 "alt 텍스트"는 사용자의 경험에 영향을 줍니다. 시청자들은 그림을 볼 수 있고 어떻게 콘텐츠와 관련이 있는지 이해할 수 있습니다. 대체 텍스트 설명은 보조 기술(스크린 리더 또는 간편한 점자 표시 장치 사용자)를 사용하는 사람들에게 콘텍스트를 제공하는 데 중요합니다. 빠른 인터넷에 액세스할 수 없는 독자들도 이미지를 끄고 콘텍스트를 유지하면서 페이지 로딩을 개선할 수 있음으로 인해 수용된다.

Guru에서 대체 텍스트가 작동하는 방법

적절한 설명을 추가하는 것은 전 세계적으로 접근성 법률을 준수하는 데 도움이 됩니다. 이러한 법률이 비문자 기반 콘텐트에 대한 텍스트 대체물을 제공해야 한다고 명시한 웹 콘텐츠 접근성 지침을 참조합니다.

Guru 카드 편집기는 Guru 카드에 이미지에 대한 대체 텍스트를 추가하는 데 사용할 수 있는 여러 가지 방법을 지원합니다. 하나의 방법은 마크다운을 사용하여 작업을 완료하는 몇 줄의 코드를 작성하는 것입니다. 다른 방법은 통합 팝업 모달을 사용하는 것입니다. Guru 카드에 이미지를 추가할 때 팝업 메뉴가 표시됩니다. 해당 메뉴에서 "대체 텍스트" 버튼을 볼 수 있습니다. 클릭하면 대체 텍스트를 추가할 수있는 모달이 나타납니다.

Guru 카드에 이미지에 대체 텍스트를 추가하는 방법을 보여주는 애니메이션

왜 대체 설명이 지식을 함께 높이는가

대체 텍스트 설명은 효과적인 이미지의 중요한 부분으로, 모든 사용자에게 접근 가능한 Guru 카드를 만드는 데 중요한 요소입니다. 이미지에 대체 텍스트가있는 카드를 만들 때는 가능한 한 많은 정보를 제공하여 포용적인 콘텐츠를 만든다는 것을 보장합니다. 작성하는 설명적 텍스트는 카드 콘텐츠 주변의 추가 콘텍스트를 제공하여 지식 이해와 가독성을향상시킬 수 있습니다.

대체 텍스트가있는 카드에 대한 신뢰 수준에 대해 이야기할 수도 있습니다. 신뢰할 수있는 지식을 카드에 추가하는 것뿐만 아니라 정보를 가능한 한 포용적으로 전달한다고 사람들에게 신호를 보내고 있습니다. 확인된 카드에 대체 설명을 추가하면 정보를 인증하고 모든 사람이 이익을 얻을 준비가 되었음을 신호합니다.

엔터프라이즈 검색 + 위키 + 인트라넷이라는 CTA

효과적인 대체 설명 작성 팁

이미지에 대한 효과적인 대체 설명 작성은 모든 사용자가 Guru 카드에 접근할 수 있게하는 중요한 부분입니다. 이러한 설명을 작성할 때 유념해야 할 몇 가지 모범 사례가 있습니다.

  • 공개 Guru 카드의 SEO를 강화하는 데 키워드 채우기를 회피하십시오.
  • 이미지의 목적을 고려하십시오. 페이지에 이미지가 포함된 이유와 전달하는 정보에 대해 스스로 질문하십시오. 이를 통해 효과적인 대체 설명을 작성하는 데 도움을받을 수 있습니다.
  • 스크린 리더가 이미지가있음을 발표하면 "Image of" 또는 "Picture of"와 같은 구문은 피하는 것이 좋습니다. 이들은 중복되고 불필요한 혼란을 줍니다.
  • 설명이 간결하고 정확하며 보통 한 두 문장 안에, 색상 및 기타 관련 정보와 같은 이미지의 주제 내용을 정확히 나타내는 충분한 세부 정보를 제공하는지 확인하십시오.
  • 가치를 추가하지 않는 주관적 언어와 불필요한 세부 정보를 피하십시오. 게다가 이미지의 파일 이름을 사용하지 않아야 합니다. 유용한 정보를 제공하지 않거나 서술적이지 않을 수 있습니다.
  • 마지막으로, alt 텍스트를 테스트하여 올바르게 읽혀지고 의도한 의미를 전달하는지 확인하십시오.
Experience the power of the Guru platform firsthand – take our interactive product tour
투어 신청