웹 접근성 개선

[AllRightJunyoung]

• [x] 이미지에 적절한 Alt내용 개입

  • 대체 텍스트가 너무 긴경우에는 alt=”” 빈값으로 명시하고 마크업해서 설명
  • 시각적으로 보는것과 동일하게 대체 텍스트 입력

• [x] 스크린 리더 사용해서 제대로 읽히는지 확인하기

  • Aria 속성 적용

• [x] 페이지에 적절한 명도 색깔 반영 (Contrast Finder 사용)

• [x] 모든 기능을 키보드만으로 사용할수 있게 해야한다

  • 키보드에 의한 초점 이동은 논리적으로 이동하고 시각적으로 구별할수있어야함 (좌우 , 상하로 이동 (Tab Index는 불가피할경우에만 사용)
  • a링크에는 href를 꼭 명시
  • 키보드 접근시 초점이 초기화되면 안된다.

• [x] 페이지 제목은 해당 페이지의 내용을 이해 할수있도록 정의

  • 각 페이지의 핵심 제목 , 특수기호 사용제한

• [x] 문서내에 기본 언어 표시

• [x] WAVE Evaluation 플러그인 사용

• [x] 시맨틱 태그 사용

[AllRightJunyoung]

• [x] 모든 기능을 키보드만으로 사용할수 있게 해야한다
  • [x] HomePage 컴포넌트 tabIndex 적용