From 2f530bed8ebb6853b8c033979ef956575100bdf4 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 27 Jul 2021 13:17:06 -0400 Subject: remove link 'title' attributes that's just the 'href' (ko, part 3) (#1742) --- .../aria_techniques/using_the_aria-label_attribute/index.html | 4 ++-- .../web/accessibility/aria/forms/basic_form_hints/index.html | 10 +++++----- files/ko/web/accessibility/aria/forms/index.html | 2 +- files/ko/web/accessibility/aria/roles/dialog_role/index.html | 10 +++++----- 4 files changed, 13 insertions(+), 13 deletions(-) (limited to 'files/ko/web/accessibility/aria') diff --git a/files/ko/web/accessibility/aria/aria_techniques/using_the_aria-label_attribute/index.html b/files/ko/web/accessibility/aria/aria_techniques/using_the_aria-label_attribute/index.html index d667416f9d..f6bd6487f0 100644 --- a/files/ko/web/accessibility/aria/aria_techniques/using_the_aria-label_attribute/index.html +++ b/files/ko/web/accessibility/aria/aria_techniques/using_the_aria-label_attribute/index.html @@ -7,7 +7,7 @@ tags: - aria-label translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-label_attribute --- -

aria-label 속성은 현재 요소에 레이블을 정의하기 위해서 사용합니다. 텍스트 레이블이 화면에 표시되지 않을 때에 사용하세요. 만약에 요소에 레이블을 정의하는 화면에 보이는 텍스트가 있다면  aria-labelledby을 대신 사용하세요

+

aria-label 속성은 현재 요소에 레이블을 정의하기 위해서 사용합니다. 텍스트 레이블이 화면에 표시되지 않을 때에 사용하세요. 만약에 요소에 레이블을 정의하는 화면에 보이는 텍스트가 있다면  aria-labelledby을 대신 사용하세요

이 속성은 일반적인 HTML 요소와 함께 사용할 수 있습니다. ARIA role 이 적용된 요소에만 한정되지 않습니다.

@@ -62,5 +62,5 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-label_attr

추가 리소스

diff --git a/files/ko/web/accessibility/aria/forms/basic_form_hints/index.html b/files/ko/web/accessibility/aria/forms/basic_form_hints/index.html index f3757219ab..47140f4a72 100644 --- a/files/ko/web/accessibility/aria/forms/basic_form_hints/index.html +++ b/files/ko/web/accessibility/aria/forms/basic_form_hints/index.html @@ -35,7 +35,7 @@ translation_of: Web/Accessibility/ARIA/forms/Basic_form_hints

ARIA로 라벨링 하기

-

HTML {{ HTMLElement("label") }} 요소는 폼 관련 요소로 적당하지만, 많은 폼 컨트롤은 {{ HTMLElement("div") }}나 {{ HTMLElement("span") }}를 사용한 동적인 Javascript 위젯으로 구현되어있습니다. W3C의 Web Accessibility Initiative에서 만들어진 WAI-ARIA, Accessible Rich Internet Applications 사양은 이러한 경우를 위해 aria-labelledby 속성을 제공하고 있습니다.

+

HTML {{ HTMLElement("label") }} 요소는 폼 관련 요소로 적당하지만, 많은 폼 컨트롤은 {{ HTMLElement("div") }}나 {{ HTMLElement("span") }}를 사용한 동적인 Javascript 위젯으로 구현되어있습니다. W3C의 Web Accessibility Initiative에서 만들어진 WAI-ARIA, Accessible Rich Internet Applications 사양은 이러한 경우를 위해 aria-labelledby 속성을 제공하고 있습니다.

아래의 예에서는 순서 없는 리스트를 사용하여 구현한 라디오 버튼 그룹을 보여주고 있습니다. 3행의  {{ HTMLElement("ul") }} 요소에 aria-labelledby 속성에 라디오 그룹의 레이블인 {{ HTMLElement("h3") }} 요소의  id  rg1_label을 설정했습니다. 

@@ -56,7 +56,7 @@ translation_of: Web/Accessibility/ARIA/forms/Basic_form_hints

ARIA로 설명하기

-

폼 컨트롤을 가끔 label 외에 추가설명이 있는 경우가 있다. ARIA는 aria-describedby 속성을 사용하여 설명을 컨트롤과 직접 연관시킵니다. 

+

폼 컨트롤을 가끔 label 외에 추가설명이 있는 경우가 있다. ARIA는 aria-describedby 속성을 사용하여 설명을 컨트롤과 직접 연관시킵니다. 

아래 예제는 {{ HTMLElement("div") }} 안의 문장이  {{ HTMLElement("button") }} 요소를 설명하는 것을 보여줍니다. {{ HTMLElement("button") }}의  aria-describedby 속성은 {{ HTMLElement("div") }}의 id를 참조합니다. 

@@ -77,8 +77,8 @@ translation_of: Web/Accessibility/ARIA/forms/Basic_form_hints

일반적으로 웹 개발자는 필수 필드와 유효하지 않은 필드를 나타내기 위해서 시각적인 방법을 사용합니다. 보조 기술(ATs)은 언제나 표시된 것을 통해서 정보를 추측하지는 않습니다. ARIA 는 폼 컨트롤의 필수나 유효하지 않음을 나타내는 속성을 제공합니다. 

아래의 예제는 세 개의 필드가 있는 간단한 폼을 보여줍니다. 4행과 12행에서는 aria-required 속성이 true(레이블 옆에 별표와 함께)로 설정되어 name과 email 필드가 필수임을 나타냅니다. 두 번째 예제는 email 형식을 검증하고 그 결과에 따라서 email 필드(HTML 12행)의 (요소를 시각적으로 변경하는 것과 함께) aria-invalid 속성을 설정하는 Javascript 스니펫입니다. 

@@ -113,4 +113,4 @@ translation_of: Web/Accessibility/ARIA/forms/Basic_form_hints

ARIA alerts to enhance forms 사용법을 읽으세요.

-

폼 접근성을위한 ARIA 사용에 대한 자세한 지침은 WAI-ARIA Authoring Practices 문서를 참조하세요. 

+

폼 접근성을위한 ARIA 사용에 대한 자세한 지침은 WAI-ARIA Authoring Practices 문서를 참조하세요. 

diff --git a/files/ko/web/accessibility/aria/forms/index.html b/files/ko/web/accessibility/aria/forms/index.html index a9028b2416..b02e114fb0 100644 --- a/files/ko/web/accessibility/aria/forms/index.html +++ b/files/ko/web/accessibility/aria/forms/index.html @@ -14,4 +14,4 @@ translation_of: Web/Accessibility/ARIA/forms
  • Multi-part labels: 각 폼 안의 컨트롤로 복잡한 폼 레이블을 사용합니다.
    • -

    유사한 콘텐츠를 다루고 있는 Yahoo! article on form validation and ARIA 도 봐주세요.

    +

    유사한 콘텐츠를 다루고 있는 Yahoo! article on form validation and ARIA 도 봐주세요.

    diff --git a/files/ko/web/accessibility/aria/roles/dialog_role/index.html b/files/ko/web/accessibility/aria/roles/dialog_role/index.html index 90fc507652..f23dce655b 100644 --- a/files/ko/web/accessibility/aria/roles/dialog_role/index.html +++ b/files/ko/web/accessibility/aria/roles/dialog_role/index.html @@ -11,7 +11,7 @@ translation_of: Web/Accessibility/ARIA/Roles/dialog_role

    \{{ariaref}}

    -

    dialog 역할(role)은 HTML 기반의 애플리케이션의 다이얼로그 또는 콘텐츠를 분리하는 창 또는 다른 웹 애플리케이션의 UI 혹은 페이지를 마크업하는데 사용됩니다. 다이얼로그는 일반적으로 오버레이를 사용하여 페이지 위에 표시됩니다. 다이얼로그는 비모달(non-modal) (열린 이후에도 다이얼로그 바깥의 콘텐츠와 상호작용할 수 있습니다) 또는 모달(오로지 다이얼로그 콘텐츠와 상호작용할 수 있습니다) 형태일 수 있습니다.

    +

    dialog 역할(role)은 HTML 기반의 애플리케이션의 다이얼로그 또는 콘텐츠를 분리하는 창 또는 다른 웹 애플리케이션의 UI 혹은 페이지를 마크업하는데 사용됩니다. 다이얼로그는 일반적으로 오버레이를 사용하여 페이지 위에 표시됩니다. 다이얼로그는 비모달(non-modal) (열린 이후에도 다이얼로그 바깥의 콘텐츠와 상호작용할 수 있습니다) 또는 모달(오로지 다이얼로그 콘텐츠와 상호작용할 수 있습니다) 형태일 수 있습니다.

    <div role="dialog" aria-labelledby="dialog1Title" aria-describedby="dialog1Desc">
   <h2 id="dialog1Title">귀하의 개인정보가 성공적으로 갱신되었습니다.</h2>
@@ -128,7 +128,7 @@ translation_of: Web/Accessibility/ARIA/Roles/dialog_role
 
    작업된 예제:
    
 
 
 
 
    Notes 
    
@@ -138,9 +138,9 @@ translation_of: Web/Accessibility/ARIA/Roles/dialog_role
 
    사용되는 ARIA 속성
    
 
 
 
 
    관련된 ARIA 기술 
    
-- 
cgit v1.2.3-54-g00ecf