Skip to content

Commit d887d82

Browse files
committed
fix
1 parent 40736fd commit d887d82

File tree

1 file changed

+18
-2
lines changed

1 file changed

+18
-2
lines changed

ko-KR/src/guide/best-practices/accessibility.md

Lines changed: 18 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -384,8 +384,12 @@ Let's look at this search field:
384384

385385
We can do this because the search button will help visual users identify the purpose of the input field.
386386

387+
시각적인 사용자(visual users)에게, 검색 버튼이 입력 영역의 목적을 식별하는데 도움이 되기 때문에, 이렇게 할 수 있습니다.
388+
387389
We can use CSS to visually hide elements but keep them available for assistive technology:
388390

391+
CSS를 사용하여 요소를 시각적으로 숨기지만, 보조 기술에서는 계속 이용하게 할 수 있습니다.
392+
389393
```css
390394
.hidden-visually {
391395
position: absolute;
@@ -406,6 +410,8 @@ We can use CSS to visually hide elements but keep them available for assistive t
406410

407411
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.
408412

413+
`aria-hidden="true"`를 추가하면, 보조 기술에게는 요소가 숨겨지고, 다른 사용자는 시각적으로 이용할 수 있습니다. 초점을 맞출 수 있는 요소(focusable elements), 온전한 장식(purely on decorative), 복제 또는 오프스크린 콘텐츠(duplicated or offscreen content)에 사용하지 마십시오.
414+
409415
```vue-html
410416
<p>This is not hidden from screen readers.</p>
411417
<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
416422
When using buttons inside a form, you must set the type to prevent submitting the form.
417423
You can also use an input to create buttons:
418424

425+
양식 내에서 버튼을 사용할 때 양식이 제출되지 않도록 유형을 설정해야 합니다.
426+
입력을 사용하여 버튼을 만들 수도 있습니다.
427+
419428
```vue-html
420429
<form action="/dataCollectionLocation" method="post" autocomplete="on">
421430
<!-- Buttons -->
@@ -432,11 +441,11 @@ You can also use an input to create buttons:
432441

433442
### Functional Images
434443

435-
You can use this technique to create functional images.
444+
이 기술을 사용하여 기능적 이미지를 만들 수 있습니다.
436445

437446
- Input fields
438447

439-
- These images will act as a submit type button on forms
448+
- 이 이미지는 양식에서 제출 유형 버튼(submit type button)으로 작동합니다.
440449

441450
```vue-html
442451
<form role="search">
@@ -470,17 +479,24 @@ You can use this technique to create functional images.
470479

471480
The World Wide Web Consortium (W3C) Web Accessibility Initiative (WAI) develops web accessibility standards for the different components:
472481

482+
World Wide Web Consortium (W3C) Web Accessibility Initiative(WAI)는 다양한 구성 요소에 대한 웹 접근성 표준을 개발합니다:
483+
473484
- [User Agent Accessibility Guidelines (UAAG)](https://www.w3.org/WAI/standards-guidelines/uaag/)
474485
- web browsers and media players, including some aspects of assistive technologies
486+
- 보조 기술의 일부 측면을 포함한 웹 브라우저 및 미디어 플레이어
475487
- [Authoring Tool Accessibility Guidelines (ATAG)](https://www.w3.org/WAI/standards-guidelines/atag/)
476488
- authoring tools
489+
- 저작 도구(authoring tools)
477490
- [Web Content Accessibility Guidelines (WCAG)](https://www.w3.org/WAI/standards-guidelines/wcag/)
478491
- web content - used by developers, authoring tools, and accessibility evaluation tools
492+
- 웹 콘텐츠 - 개발자, 저작 도구 및 접근성 평가 도구에서 사용
479493

480494
### Web Content Accessibility Guidelines (WCAG)
481495

482496
[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.
483497

498+
[WCAG 2.1](https://www.w3.org/TR/WCAG21/)[WCAG 2.0](https://www.w3.org/TR/WCAG20/) 에서 확장되었고, 웹의 변경 사항을 다뤄(addressing) 새로운 기술을 구현할 수 있습니다. W3C는 웹 접근성 정책을 개발하거나 업데이트할 때 최신 버전의 WCAG를 사용하도록 권장합니다.
499+
484500
#### WCAG 2.1 Four Main Guiding Principles (abbreviated as POUR):
485501

486502
- [Perceivable](https://www.w3.org/TR/WCAG21/#perceivable)

0 commit comments

Comments
 (0)