Skip to content

Commit

Permalink
translate(wai-aria): What is WAI-ARIA? (1)
Browse files Browse the repository at this point in the history
  • Loading branch information
wondasom committed Dec 17, 2024
1 parent 4243193 commit 4e43657
Showing 1 changed file with 13 additions and 1 deletion.
14 changes: 13 additions & 1 deletion files/ko/learn/accessibility/wai-aria_basics/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,4 +6,16 @@ l10n:
---


Hello World!
Hello World!```

그러나 이 방법은 여전히 다소 부정확하며 스크린리더 이용 시 화면을 페이지 상단에서부터 읽을 때만 기능한다는 문제가 있습니다.

다른 예시로는 날짜 설정을 위한 날짜 선택기, 값 설정을 위한 슬라이더 등과 같은 복잡한 컨트롤을 포함한 어플리케이션의 등장이 있습니다. HTML은 이러한 컨트롤을 렌더링하기 위하여 다음과 같은 특수 입력 유형을 제공합니다.

```html
<input type="date" /> <input type="range" />
```

이러한 기능들은 처음부터 지원되던 것들도 아니고 지금도 여전히 스타일 지정이 용이하지는 않기 때문에, 디자이너와 개발자는 임의적인 사용자 정의 솔루션을 선택하게 됩니다. HTML에서 제공하는 기본 기능을 사용하는 대신 일부 개발자는 여러 중첩된 {{htmlelement("div")}}와 스타일링을 위한 CSS, 동적 제어를 위한 자바스크립트로 이루어진 자바스크립트 라이브러리들에 의존합니다.

여기서의 문제는 이러한 구현이 시각적으로는 작동하나 스크린리더로는 해독이 불가하기 때문에 스크린리더 사용자들은 의미를 설명할 수 없는 요소들이 뒤섞여 있다는 말만 듣게 된다는 것입니다.

0 comments on commit 4e43657

Please sign in to comment.