You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: ko-KR/src/guide/best-practices/accessibility.md
+18-2Lines changed: 18 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -384,8 +384,12 @@ Let's look at this search field:
384
384
385
385
We can do this because the search button will help visual users identify the purpose of the input field.
386
386
387
+
시각적인 사용자(visual users)에게, 검색 버튼이 입력 영역의 목적을 식별하는데 도움이 되기 때문에, 이렇게 할 수 있습니다.
388
+
387
389
We can use CSS to visually hide elements but keep them available for assistive technology:
388
390
391
+
CSS를 사용하여 요소를 시각적으로 숨기지만, 보조 기술에서는 계속 이용하게 할 수 있습니다.
392
+
389
393
```css
390
394
.hidden-visually {
391
395
position: absolute;
@@ -406,6 +410,8 @@ We can use CSS to visually hide elements but keep them available for assistive t
406
410
407
411
Adding `aria-hidden="true"` will hide the element from assistive technology but leave it visually available for other users. Do not use it on focusable elements, purely on decorative, duplicated or offscreen content.
408
412
413
+
`aria-hidden="true"`를 추가하면, 보조 기술에게는 요소가 숨겨지고, 다른 사용자는 시각적으로 이용할 수 있습니다. 초점을 맞출 수 있는 요소(focusable elements), 온전한 장식(purely on decorative), 복제 또는 오프스크린 콘텐츠(duplicated or offscreen content)에 사용하지 마십시오.
414
+
409
415
```vue-html
410
416
<p>This is not hidden from screen readers.</p>
411
417
<p aria-hidden="true">This is hidden from screen readers.</p>
@@ -416,6 +422,9 @@ Adding `aria-hidden="true"` will hide the element from assistive technology but
416
422
When using buttons inside a form, you must set the type to prevent submitting the form.
- web content - used by developers, authoring tools, and accessibility evaluation tools
492
+
- 웹 콘텐츠 - 개발자, 저작 도구 및 접근성 평가 도구에서 사용
479
493
480
494
### Web Content Accessibility Guidelines (WCAG)
481
495
482
496
[WCAG 2.1](https://www.w3.org/TR/WCAG21/) extends on [WCAG 2.0](https://www.w3.org/TR/WCAG20/) and allows implementation of new technologies by addressing changes to the web. The W3C encourages use of the most current version of WCAG when developing or updating Web accessibility policies.
483
497
498
+
[WCAG 2.1](https://www.w3.org/TR/WCAG21/)는 [WCAG 2.0](https://www.w3.org/TR/WCAG20/) 에서 확장되었고, 웹의 변경 사항을 다뤄(addressing) 새로운 기술을 구현할 수 있습니다. W3C는 웹 접근성 정책을 개발하거나 업데이트할 때 최신 버전의 WCAG를 사용하도록 권장합니다.
499
+
484
500
#### WCAG 2.1 Four Main Guiding Principles (abbreviated as POUR):
0 commit comments