Pixpa에서 웹사이트를 디자인하고 콘텐츠를 추가하고 구축할 때 웹 접근성 모범 사례를 염두에 두는 것이 좋습니다. 이 가이드를 따라 장애가 있는 사람들이 귀하의 웹사이트에 접근할 수 있도록 하십시오. 스크린 리더 또는 기타 기술을 사용하여 웹사이트에 액세스할 수 있습니다.
Pixpa에는 다음과 같이 웹 사이트의 접근성을 개선하는 데 사용할 수 있는 몇 가지 내장 기능이 있습니다.
- 웹사이트의 사이트 언어를 정의합니다. 자세히 알아보기.
- 모든 링크에 설명 앵커 태그를 할당합니다.
- 메뉴 항목 사이의 간격. 자세히 알아보기.
- 연락처/결제 양식 레이블 및 설명을 지정합니다. 자세히 알아보기.
이 도구를 사용하여 사이트의 접근성을 테스트할 수 있습니다. https://wave.webaim.org/
웹 사이트의 접근성을 높이기 위해 집중해야 할 사항:
페이지 제목
사용자가 새 웹 페이지를 방문하면 화면 판독기가 먼저 페이지 제목을 호출합니다. 확실하게 하다 웹사이트의 모든 페이지에는 제목이 있습니다. 페이지 콘텐츠에 대한 개요를 제공합니다. 각 페이지 제목은 다른 페이지 제목과 구별되어야 합니다.
텍스트 제목
페이지 디자인을 알기 위해 스크린 리더는 페이지의 HTML 코드를 읽습니다. 스크린 리더에 대한 페이지 접근성을 높이려면 페이지의 각 섹션에 제목이 있어야 합니다.
텍스트에 올바른 제목 글꼴을 지정합니다. 자세히 알아보기.
텍스트 링크
전후 텍스트에서 링크의 목적을 설명해야 합니다. 이는 SEO에도 도움이 됩니다. 단어를 추가하지 마십시오 링크 전/후 텍스트에서.
올바른 문장: 나에 대해 더 알고 싶다면 다음을 방문하십시오. 소개 페이지.
잘못된 문장: 나에 대해 더 알고 싶다면 클릭 여기에서 지금 확인해 보세요..
줄 간격
텍스트의 줄 간격이 충분한지 확인하세요. 방문자는 자신의 요구 사항을 더 잘 충족하기 위해 줄 간격을 재정의할 수 있습니다. 줄 높이 및 글자 간격 관리 디자인 섹션의 모든 글꼴.
이미지
모든 사람(장애인도 포함)이 웹사이트의 이미지에 쉽게 액세스할 수 있는지 확인하세요. 이미지의 대체 텍스트와 .gif 파일 형식은 중요한 역할을 합니다.
대체 텍스트
스크린 리더가 웹 페이지를 검사할 때 이미지를 인식하고 관련 대체 텍스트를 방문자에게 읽어줍니다. 이미지에 적절한 설명 대체 텍스트 추가. 배경 이미지 또는 페이지 미화 이미지에는 대체 텍스트가 필요하지 않습니다.
.gif 파일
Pixpa를 사용하면 다음을 수행할 수 있습니다. .gif 파일 추가 귀하의 웹사이트에. 방문자의 신체에 신체적 반응을 일으킬 수 있으므로 .gif 파일이 3초에 XNUMX번 이상 재생되지 않도록 하십시오.
색상
컬러만 스크린리더를 사용하는 장애인에게 어떠한 정보도 주지 않습니다. 항상 유사한 색상보다는 다른 대비의 색상을 사용하십시오. 웹사이트 색상 관리.
동영상
움직임이 많을수록 움직임이 불편한 사람들에게 불편을 줄 수 있으므로 한 페이지에 2개 이상의 비디오를 추가하지 마십시오.
동영상 콘텐츠가 3초에 XNUMX번 이상 재생되지 않도록 하세요. 방문자의 신체에 신체적 반응을 일으킬 수 있습니다.
오디오
오디오 대본을 웹 사이트에 추가하여 청각 장애인이 오디오 콘텐츠에 액세스할 수 있도록 도와주세요.