스크린리더3 WAI-ARIA 란 무엇인가 WAI-ARIA 란 무엇인가 1. WAI WAI(Web Accessibility Initiative)는 W3C에서도 웹 접근성의 표준을 만드는 것을 담당하는 기관입니다. 2. ARIA 자바스크립트 등에 의해 동적으로 변화하는 요소를 가진 웹 페이지 등 다양한 기능과 상호작용을 가진 요즘의 고도화된 웹 페이지를 RIA(Rich Internet Applications)이라하는데, ARIA(Accessible Rich Internet Applications)는 장애나 기타 불편함을 가진 사용자가 이러한 웹 페이지에 더 쉽게 접근할 수 있는 방법을 정의하는 여러 특성과 그 특성을 가진 웹 페이지를 뜻합니다. 개발자의 입장에서는, HTML5에 존재하는 시맨틱한 태그만으로 원하는 타겟을 구현할 수 없는 등의 경우에.. 2023. 3. 28. 웹 접근성(Accessibility) 1. 웹 접근성 웹 접근성이란 웹사이트 및 웹과 관련한 도구나 기술들이 장애나 불편함을 가진 사람들이 쉽게 쓸 수 있는 방법으로 디자인되고 개발된 것을 이야기 합니다. 웹 접근성을 위해 고려해야하는 장애나 불편함은 인지장애와 같은 정신적 불편함부터, 팔을 쓸 수 없거나 시력이 없거나 저하된 신체적 불편함은 물론, 아이를 한 손에 업고 있어서 한 쪽 팔만 사용할 수 있다던가 하는 일시적인 불편함을 모두 포함합니다. 인터넷의 아버지라 불리는 Vint Cerf는 “인터넷은 모두를 위한 것이지만, 우리가 그렇게 만들지 않으면 인터넷은 그렇지 않을 것입니다.”라고 말했습니다. 팔의 사용이 불편한 사람들, 청각이나 시각이 불편한 사람들, 사용하는 언어가 다른 사람들 모두가 웹 사이트와 앱을 접근하고 사용할 수 있어.. 2023. 3. 22. Semantic HTML 작성하기 1. Semantic(시맨틱) 이란? 시맨틱이란 단어의 뜻을 전반적으로 우리 말로 나타내자면 코드 조각에 내포된 의미라고 볼 수 있습니다. 예를 들어 Javascript의 경우, 특정 라인의 JS가 실행됐을 때 어떤 효과가 일어나는지의 의미합니다. 코드를 작성할 때 함수 이름 등을 Semantic을 고려해서 지으면 가독성이 좋고 코드를 이해하기가 훨씬 쉬워집니다. 예를 들어, '복숭아'라는 항목을 가진 HTML 요소를 생성하는 함수를 상상해봅시다. 단순히 build('Peach')라고 함수 이름을 지을 수 있을테지만 createLiWithContent(‘Peach') 라고 작성하면 동작 자체는 똑같을지 몰라도, 코드 실행 효과가 함수 이름에 그대로 나타나게 되어 훨씬 코드를 이해하기 쉽고 보기 좋을 것입.. 2022. 10. 31. 이전 1 다음
