# WAI-ARIA

[제로베이스] 팝업에 사용하는 WAI-ARIA aria-haspopup과 tabindex에 대해 알아보자.
wai-aria의 속성들을 이용해서 웹 접근성을 준수하는 팝업을 만들어보자.
[SEB FE 44기] 2023-04-29
장애인, 고령자 등이 웹 사이트에서 제공하는 정보에 비장애인과 동등하게 접근하고 이해할 수 있도록 보장하는 것.웹 접근성을 갖추면 웹에 접근했을 때 그 어떤 상황에서도 항상 동등한 수준의 정보를 제공받도록 보장.어떤 상황이든, 어떤 사람이든 정보를 제공받지 못하는 경우

[JavaScript] 모달 팝업의 Focus Trapping과 WAI-ARIA
팝업에서 사용할 수 있는 aria-\* 속성을 적절히 사용하여 웹 접근성을 향상합니다. 모달 팝업에서 포커스 트래핑(Focus Trapping)을 구현하여 키보드 사용자가 실수로 팝업에서 벗어나지 않고 팝업 내부를 탐색할 수 있도록 합니다. ❗️모달 팝업이 오픈된 상태

(SEB_FE) Section3 Unit5 웹 접근성(Web Accessibility)
웹 접근성의 개념과 필요성을 이해한다.국내에서의 웹 접근성 실태를 기억한다.웹 콘텐츠 접근성 지침을 기억한다.웹 콘텐츠 접근성 지침을 충족시키는 방법을 기억한다.WAI-ARIA의 사용법을 기억한다.양이 많다... 스압주의... 근데 내용은 쉬워서 읽다보면 재밌음! 아
접근성
aria-controls="id1 id2"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls동작을 시작하는 요소(aria-controls)와 영향을 받는
[웹접근성] WAI-ARIA 개요
Web Accessibility Initiative - Accessible Rich Internet ApplicationsHTML 태그에 필요한 정보를 제공해주는 보조기술로, 웹 접근성 향상을 돕는 방법 중 하나이다.역할(Role), 속성(Property), 상태(St

[WEB]웹 접근성(ft.WAI-ARIA)
일반적으로 웹 접근성은 장애인, 고령자 등이 웹 사이트에서 제공하는 정보에 비장애인과 동등하게 접근하고 이해할 수 있도록 보장하는 것을 뜻합니다.1\. 사용자층 확대웹 접근성을 확보하면 장애인, 고령자 등 정보 소외 계층도 웹 사이트를 자유롭게 이용할 수 있게 됩니
웹 접근성 - WAI-ARIA
(Web Accessibility Initiative - Accessible Rich Internet Applications)W3C의 WAI(Web Accessibility Initiative) 조직이 제정한 AIRA(Accessible Rich Internet App
웹 표준 & 접근성
웹 표준 W3C에서 권고하는 웹에서 표준적으로 사용되는 기술이나 규칙 사용자가 어떠한 운영체제나 브라우저를 사용하더라도 웹페이지가 동일하게 보이고 정상적으로 작동할 수 있도록 하는 웹페이지 작동 기법을 담고 있다. 웹 표준의 장점 유지보수의 용이성 웹 호환성 확보 검

WAI-ARIA
WAI-ARIA는 WAI와 ARIA를 합친 단어이다. WAI (Web Accessibility Initiative) : 웹 표준을 정하는 W3C에서 웹 접근성을 담당하는 기관ARIA (Accessible Rich Internet Applications) : 장애가 있는

[Web] 웹 표준 & 접근성
장애인, 고령자 등이 웹 사이트에서 제공하는 정보에 비장애인과 동등하게 접근하고 이해할 수 있도록 보장하는 것사용자층 확대웹 접근성을 확보하면 장애인, 고령자 등 정보 소외 계층도 웹 사이트를 자유롭게 이용할 수 있게 된다. 그만큼 사이트의 이용자를 늘릴 수 있고, 새

wai-aria
처음에 이게 뭔가....개발자 도구에서 본 것 같긴한데...했다설명을 들어보니 이걸 설정을 잘 안해두면 장애인들이 스크린 리더로 내가 만든 홈페이지를 읽을때 정말 불편하거나 혹은 아예 이용을 못할수도 있겠다 라는 생각이 든다예를 들어 흔히쓰는 div로 만든 태그들을 생

웹 접근성 (Web Accessibility)
: 웹 사이트에서 제공하는 정보에 장애인, 고령자 등이 비장애인과 동등하게 접근하고 이해할 수 있도록 보장하는 것아래의 지침은 W3C의 웹 접근성 권고안 "WCAG(Web Content Accessibility Guidelines) 2.0"을 기반으로 한국에 맞게 수정
HTML/CSS 수업을 마무리 하며,
커넥to 2기 과정을 시작한 지 한 달, HTML/CSS 강의가 프로젝트와 함께 마무리되었다. 한 달의 과정 동안 깨달은 것은 나는 "왜"라는 의문을 제대로 하지 않았다는 것이다. 평소 나는 호기심이 많은 사람이라고 생각했다. 개발자가 되려는 이유도 HTML/CSS를
노트 #68 | 웹 접근성
웹 접근성의 필요성과 개념, 효과웹 접근성 지침WAI-ARIA 개요몸이 불편하거나 환경적인 요인 등으로 불편한 상황에서 정보 접근에 제한을 받을 수 있는 상황이 발생합니다.어떤 상황, 어떤 사람이든 정보를 제공받지 못하는 경우가 없도록 하는 것입니다.사용자층 확대다양한

JavaScript_WAI-ARIA
WAI (Web Accessibility Initiative) : 웹 표준을 정하는 W3C에서 웹 접근성을 담당하는 기관ARIA (Accessible Rich Internet Applications) : 장애가 있는 사람들이 웹 콘텐츠와 웹 응용 프로그램에 더 쉽게 액
[개발자되기: 웹접근성] Day-42
장애인과 고령자 등이 웹사이트 정보를 비장애인과 동등하게 접근하고 이해할 수 있도록 하는 것ex) 스크린리더 => 이미지에 들어있는 글자의 경우 스크린리더가 인식할 수 없어 음성으로 읽어줄 수 없음1\. 사용자층 확대2\. 다양한 환경 지원 \- 정보 소외계층이 아니

[사용자 친화 웹] 웹 접근성
웹 접근성의 효과와 적용하는 방법을 예시와 함께 설명 : 웹 콘텐츠 접근성 지침 과 WAI-ARIA 종류 및 사용법