면접 망하고 다시 정리해보는 이론 #1
💜
웹 표준
웹 사이트를 만들 때 사용되는 기술이나 규칙
브라우저 종류와 버전에 따른 차이에 대해 호환 가능하도록 제시된 표준
웹 표준을 지키면
- 하나의 소스로 모든 브라우저에 대응
- 수정 및 관리가 용이
- 접근성 향상
- 검색엔진 최적화
웹 표준 기술
- 구조 HTML
- 표현 CSS
- 동작 JavaScript
💜
웹 호환성
크로스브라우징
어떠한 환경이나 브라우저에서도 동일한 화면이 보이도록 하는 것
동일하다는 것은 똑같다는 것이 아니라 유사한 형태를 말함
💜
웹 접근성
장애 여부와 상관없이 누구나 동등하게 웹 사이트를 이용할 수 있도록 하는 것
왜 지켜야 하나
-
장애인 차별 금지법
-
장애인은 드문 사용자 층이 아님
국내 등록 장애인 수 265만명 / Edge 사용자 수 약 240만명 / 대구 시민의 수 240만명 -
검색엔진 최적화
국내 웹 크롤러와 스크린 리더에 화면 읽는 기준이 비슷함
웹콘텐츠 접근성 지침
-
인식의 용이성: 모든 콘텐츠는 사용자가 인식할 수 있어야 한다.
- 적절한 대체 텍스트 제공
- 자막 제공
- 색에 무관한 콘텐츠 인식
- 명확한 지시사항 제공
- 명도 대비
- 자동 재생 금지
- 콘텐츠 간의 구분
-
운용의 용이성: 사용자 인터페이스 구성요소는 조작 가능하고 내비게이션 할 수 있어야 한다.
- 키보드 사용 보장 (PC)
- 누르기 동작 지원 (Mobile)
- 초점 이동
- 조작 가능
- 응답시간 조절
- 정지 기능 제공
- 깜빡임과 번쩍임 사용 제한
- 반복 영역 건너뛰기
- 제목 제공
- 적절한 링크 텍스트
-
이해의 용이성: 콘텐츠는 이해할 수 있어야 한다.
- 기본 언어 표시
- 사용자 요구에 따른 실행
- 콘텐츠의 선형화
- 레이블 제공
- 오류 정정
-
견고성: 미래의 기술로도 접근할 수 있도록 견고하게 만들어야 한다.
- 마크업 오류 방지
- 웹 어플리케이션 접근성 준수
일단 적기