웹 접근성

html- img 태그로 표현 (이미지가 의미가 있을 때)\`<a href="이미지가 없을때 출력할 대체 문자 표현 (웹접근성조건)css- background 속성으로 표현 (이미지가 의미가 없을 때) / 대체문자x a { background: url(../img

반응형 웹 vs 적응형 웹근본적으로 웹사이트가 모바일 기기와 다양한 화면 크기에서 원활한 정보를 제공하여 더 나은 모바일 사용자 경험을 제공하기 위한 방법이다.그러나, 적응형 웹과 반응형 웹은 사이트 설계부터 구동까지 많은 차이가 있다.브라우저 가로길이가 변할 때,어느

세계적으로 가장 많이 사용되는 웹 브라우저에는 익스플로러, 크롬, 파이어폭스, 사파리, 오페라 등이 있습니다. 이러한 주요 웹 브라우저 공급자가 새로운 실험적인 기능을 제공할 때 이전 버전의 웹 브라우저에 그 사실을 알려주기 위해 사용하는 접두사(prefix)를 의미합

브라우저를 통해 페이지를 탐색할 때 비장애인의 경우엔 내가 보고 싶은 컨텐츠를 마우스로 편하게 클릭하고 이용할 수 있다. 하지만 시각 장애인의 경우 tab키, 방향키 등을 사용한 스크린리더를 통해 페이지에서 원하는 정보를 얻을 수 있다. 그렇기 때문에 페이지의 양이 많

ARIA는 HTML요소에 접근 가능한 설명용 텍스트를 넣을 수 있다.그 방법이 바로 ARIA의 속성 중 label과 관련된 속성을 사용하는 것이다. aria-label은 화면에 현재 요소를 설명할 텍스트가 없을 경우에 사용하는 설명용 텍스트를 담고있다 aria-labe

근래에 이직을 위해 면접을 보는 과정에서 많은 회사들이웹 표준과 웹 접근성에 대해서 면접질문이 많아서 확실하게 공부도 할 겸 기록하기 위해 작성하려 한다. 웹 표준은 어떤 환경에서도 이용할 수 있는 웹페이지를,웹 접근성은 어떤 사람이든 이용할 수 있는 웹페이지를 만들