내직업은 IT종사자/HTML|CSS (10) 썸네일형 리스트형 [HTML] WAI-ARIA란? 웹접근성을 고려하는 방법 (aria-role, aria-label, aria-labelledby, aria-hidden, aria-tab) 목차 WAI-ARIA란? ARIA가 필요한 이유 ARIA는 언제 사용하는가? ARIA role 속성 태그 별 내장된 암묵적인 role의 역할 ARIA label, labelledby ARIA hidden ARIA tab 1. WAI-ARIA란? Web Accessibility initiatives Accessible rich internet Application의 약자로 WAI는 웹접근성을 담당하는 W3C 조직이며 스크린리더가 브라우저를 읽을 때 각 요소가 어떤 역할을 하는지 무슨 의미로 존재하는지 알 수 있도록 하기 위해 만들어진 기술이다. 2. ARIA가 필요한 이유 스크린 리더란 브라우저를 시각적으로 읽는 것이 불편한 사용자들을 위해 컴퓨터 화면을 낭독해주는 소프트웨어다. 웹페이지를 만들 때 sem.. [HTML] 시멘틱 태그란?(semantic tag) / 웹접근성을 고려한 마크업 목차 시맨틱태그란(Semantic Tag)? >>바로가기 Semantic tag를 사용하면 좋은점 >>바로가기 Semantic tag를 사용할 때 주의할점 >>바로가기 Semantic tag 사용방법 및 종류 >>바로가기 1. 시멘틱 태그란? (Semantic Tag) "Semantic" 영어 단어의 뜻은 ‘의미의’, ’의미론적인’이라는 뜻을 가진 형용사이다. 따라서 시맨틱 태그란 의미가 잇는 태그를 말한다. 2. Semantic Tag를 사용하면 좋은점 검색엔진 최적화(SEO): 검색엔진은 태그를 기반으로 페이지 내 검색 키워드의 우선순위를 판단한다. 따라서 제목 , 중요한 단어 또는 을 사용하는 것 처럼 의미에 맞는 올바른 태그를 사용하는 것이 중요하다. 시각 장애가 있는 사용자가 스크린 리더를 사용.. 이전 1 2 다음
