DDODDO LAB

웹 접근성 실무 기준 정리aria-label vs sr-only 차이 (실무 기준) 웹 접근성을 고려한 퍼블리싱을 하다 보면aria-label 속성을 자주 사용하게 된다.하지만 많은 퍼블리셔들이 다음과 같은 고민을 한다.aria-label은 언제 사용해야 할까?label 태그 대신 써도 될까?sr-only와 어떤 차이가 있을까?이번 글에서는 aria-label을 언제 사용해야 하는지퍼블리싱 실무 기준으로 정리해보자. aria-label이란?aria-label은 ARIA(Accessible Rich Internet Applications) 속성 중 하나로요소의 이름을 스크린리더에게 제공하는 역할을 한다. 이 경우 화면에는 아이콘만 보이지만스크린리더는 다음처럼 읽는다."검색 버튼" 즉 aria-labe..

웹 접근성에서 언제 사용해야 할까?웹 접근성을 고려한 퍼블리싱을 하다 보면 자주 등장하는 두 가지 방법이 있다.aria-labelsr-only 둘 다 스크린리더 사용자에게 정보를 전달하기 위한 방법이지만사용 목적과 상황은 조금 다르다.실무에서 헷갈리기 쉬운 aria-label vs sr-only 차이를 정리해보자. aria-label이란?aria-label은 ARIA 속성 중 하나로요소의 이름(라벨)을 스크린리더에게 제공하는 역할을 한다.예를 들어 아이콘 버튼이 있다고 가정해보자. 화면에는 아이콘만 보이지만스크린리더는 다음처럼 읽는다."검색 버튼" 즉 aria-label은✔ 화면에 텍스트가 없어도✔ 스크린리더에 설명을 제공한다. sr-only란?sr-only는 CSS 패턴으로화면에서는 보이지 않지..