안녕하세요. 오늘은 피그마 사이트에서 접근성에 관한 업데이트 내용 공유드립니다!
1.
이미지에 대체 텍스트 넣기
: 피그마사 사이트에서 이미지는 <img> 태그로 자동 지정됩니다.이미지 선택 후 오른쪽 패널 accessibility에서 + 버튼을 눌러 대체택스트를 삽입해보세요!
2.
텍스트 태그 지정
: 피그마사 사이트에서 텍스트는 <p> 태그로 자동 지정됩니다. 오른쪽 패널 accessibility에서 + 버튼을 눌러 텍스트의 태그를 변경해보세요. <p>, <h1~h6> 등 태그를 사용해 본문과 제목간의 차이를 지정해보세요.
3.
요소들에 태그지정
: 디자인된 화면에 요소에 맞는 태그를 지정해보세요. 9가지 기본 태그가 있습니다. (참고로 버튼은 프로토타입 연결 시 <a> 태그로 자동 지정됩니다)
위 3가지만 지켜도 내가 만든 피그마사이트의 접근성이 굉장히 좋아질거에요! + 컬러피커에서 컬러대비까지 챙기면 100점!
