728x90 300x250 SMALL 웹접근성3 웹접근성을 높이는 ARIA 속성 완벽 가이드 1. ARIA란 무엇인가?ARIA는 웹접근성을 개선하기 위한 HTML속성으로, 스크린 리더 같은 보조기기가 웹페이지를 더 쉽게 이해하도록 돕는 역할을 합니다.예를 들어, 버튼이 태그로 만들어져 있을 경우, 보조기기는 이를 버튼으로 인식하지 못하지만, role="button"을 추가하면 버튼으로 인식할 수 있다.클릭하세요 2. ARIA 속성의 주요 역할ARIA 속성은 크게 역할(Role), 속성(Properties), 상태(States)로 나뉜다.속성설명예제aria-label직접 라벨을 지정Xaria-labelledby다른 요소를 참조하여 라벨 지정aria-describedby보조 설명을 추가role요소의 역할을 명확하게 지정버튼aria-live실시간 업데이트되는 콘텐츠 설정업데이트됨aria-hidd.. 2025. 4. 6. 웹접근성 검사 사이트 1. wave http://wave.webaim.org/ WAVE Web Accessibility Evaluation Tool WAVE Web Accessibility Evaluation Tool WAVE® is a suite of evaluation tools that helps authors make their web content more accessible to individuals with disabilities. WAVE can identify many accessibility and Web Content Accessibility Guideline (WCAG) err wave.webaim.org url로 검사가 가능한 외국사이트 2. w3c https://validator.w3.org/ The.. 2022. 5. 21. 웹접근성의 잘못된 예와 올바른방법 웹접근성은 장애를 가진 사람도 정보에 접근할 수 있도록 제작되는 것을 말하는데 장애인 뿐만아니고 모든 사람들이 정보를 제공받는데 있어서 불편없이 편리하게 사용될 수 있도록 제작되는 개념입니다. The power of the Web is in its universality, Access by everyone regardless of disability is an essential aspect 검색창에서 웹접근성 연구소를 검색하고 웹 접근성 연구소 사이트로 들어가면여기서 웹접근성에 대한 자세한 사항을 확인 할 수 있습니다. 웹콘텐츠 제작기법에 보면 지켜야 할것들이인식의 용이성, 운용의 용이성, 이해의 용이성, 견고성이렇게 4가지로 구분 되어있습니다. 먼저 잘못된 사례를 보면 img를 넣으면서 alt를 붙이지.. 2018. 11. 20. 이전 1 다음 728x90 반응형 LIST