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