Update Korean i18n file

webapp/src/main/resources/i18n/contrast-finder_utf8_ko.properties

@@ -3,16 +3,19 @@ NOT_A_VALID_COLOR=색은 #000000부터 #FFFFFF 사이에 있는 값을 입력하
 NOT_A_VALID_RATIO.colorModel.ratio=올바르지 않은 비율
 home.titleTag=Contrast Finder, 웹 접근성 기준(WCAG)에 적합한 충분히 대비되는 색의 조합 검색
 ###### 330 characters max for "home.metaDescription"
-home.metaDescription=Contrast-Finder는 웹 접근성 기준(WCAG)에 적합한 충분히 대비되는 색의 조합을 찾아줍니다. 그래서 색의 대비와 관련된 웹 접근성(a11y) 테스트를 충족시키는 데 도움을 드립니다.
+home.metaDescription=Contrast-Finder는 웹 접근성 기준(WCAG)에 적합한 충분히 대비되는 색의 조합을 찾아줍니다. \
+  그래서 색의 대비와 관련된 웹 접근성(a11y) 테스트를 충족시키는 데 도움을 드립니다. \
+  Contrast-Finder는 웹디자이너, 웹 개발자 혹은 웹 접근성 전문가가 \
+  HTML 페이지와 웹사이트의 가독성을 개선하는 데 사용할 수 있도록 디자인되었습니다.
 logo.link.title=홈페이지로 되돌아 가기
 nav.language-switch.aria-label=언어
 result.title.colors=대비 색
 result.title.foregroundColor=본문 글자
 result.title.backgroundColor=배경
 result.title.minRation=최소 비율
-form.fillInFields=다음 항목을 채워주십시오 :
-form.description=<span lang="en">Contrast-Finder</span>는 웹 접근성 기준에 적합한 충분히 대비되는 색의 조합을 찾아줍니다
-form.help=16진법, RGB 혹은 CSS 컬러 키워드 형태로 된 색의 값을 입력하실 수 있습니다.  \
+form.fillInFields=다음 항목을 채워주십시오:
+form.description=Contrast-Finder는 웹 접근성 기준에 적합한 충분히 대비되는 색의 조합을 찾아줍니다
+form.help=16진법, RGB 혹은 CSS 컬러 키워드 형태로 된 색의 값을 입력하실 수 있습니다. <br> \
           보기: <code>#FFFFFF</code>, <code>rgb(255,255,255)</code> 혹은 <code>white</code>
 form.foregroundColor=본문 글자 색
 form.backgroundColor=배경 색
@@ -23,7 +26,7 @@ form.ratio=최소 비율
 form.contrastOld=원래의 색 대비
 form.contrastNew=새로운 색 대비
 form.validate=기준에 적합한 색 검색하기
-form.validContrast=기준에 적합한 색 대비 :
+form.validContrast=기준에 적합한 색 대비:
 form.validContrastDesc=선택한 색의 조합은 이미 괜찮습니다
 ##### For [form.resultNumber]
 ##### ---> Do not translate "choice", it is an internal ID
@@ -39,13 +42,13 @@ form.sampleTitleBold=크고 좀 더 굵은 글자
 form.sampleText=여기엔 약간의 예시 글과 함께
 form.sampleTextBold=더 굵은 글자가 함께 표시되면서
 form.sampleText2=\ 색의 대비 정도를 확인하실 수 있습니다.
-form.sc-info=<a hreflang="en" href="https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast"> \
-                <span lang="en"><abbr title="Web Content Accessibility Guidelines">WCAG</abbr></span> \
+form.sc-info=<a href="https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast"> \
+                <abbr title="Web Content Accessibility Guidelines">WCAG</abbr> \
                 통과 기준 1.4.3 \
             </a>에 의하면 \
             글자는 최소 <strong>4.5</strong> (큰 글자의 경우 <strong>3</strong>) \
             이상의 대비 비율을 가지고 있어야 합니다.
-footer.LikedCf=<em lang="en">Contrast-Finder</em>가 마음에 드셨나요? <br><strong>Asqatasun</strong>도 방문해 보세요. <a hreflang="en" href="https://app.asqatasun.org/">웹 접근성을 고려한 오픈소스 웹 사이트 분석 도구</a>입니다.
+footer.LikedCf=<em>Contrast-Finder</em>가 마음에 드셨나요? <br>그럼 <strong>Asqatasun</strong>도 방문해 보세요. <a href="https://app.asqatasun.org/">웹 접근성을 고려한 오픈소스 웹 사이트 분석 도구</a>입니다.
 form.contrastSolutionDistance=편차
 form.contrastSolutionDistanceEx=처음 지정한 색과의 편차
 form.objectifs=검색 범위
@@ -61,24 +64,40 @@ form.notSatisfied=만족스럽지 않으세요?
 form.anyResult=그럼
 form.oppositeComponentForeground=배경 색
 form.oppositeComponentBackground=본문 글자 색
-message.addon=저기요! 혹시 저희 <a class="alert-link" href="{0}"><span lang="en"><em>Contrast-Finder</em> Firefox</span> 부가 기능</a>을 써보셨나요?
-footer.poweredBy=운용 기술 :
-footer.availableUnder=사용 권한 :
+message.addon=저기요! 혹시 저희 <a class="alert-link" href="{0}"><em>Contrast-Finder</em> Firefox 부가 기능</a>을 써보셨나요?
+footer.poweredBy=운용 기술:
+footer.availableUnder=사용 권한:
 footer.link-twitter=트위터에서 Contrast-Finder 팔로우하기
 footer.link-git=GitHub에 있는 Contrast-Finder에 기여하기
-home.noResultTxt=<h2 id="user-help-contrast-finder">도움말</h2> \
+home.noResultTxt=<h2 id="what-is-contrast-finder"><em>Contrast Finder</em>가 무엇인가요?</h2> \
+<p>  <em>Contrast-Finder</em>는 두 가지 색(배경 색, 본문 글자 색)의 대비를 계산해서 \
+     색 대비가 충분한지 알려주는 도구입니다. \
+     색 대비가 충분하지 않다면, 몇 가지 충분히 대비되는 색의 조합을 제안해 드리는 것이 주요 목적입니다. \
+</p> \
+<p> <strong>Contrast-Finder</strong>는 웹디자이너, 웹 개발자 혹은 웹 접근성 전문가가 \
+    HTML 페이지와 웹사이트의 가독성을 개선하는 데 사용할 수 있도록 디자인되었습니다. \
+</p> \
+<h2 id="user-help-contrast-finder">도움말 / 이 도구는 어떻게 사용하나요?</h2> \
+<p> <strong>Contrast-Finder</strong> 인터페이스 양식에는 다섯 개의 필수 입력 항목이 있습니다.  </p> \
+<ul> \
+    <li> <a href="#user-help_text-color">본문 글자 색</a> </li> \
+    <li> <a href="#user-help_background-color">배경 색</a> </li> \
+    <li> <a href="#user-help_minimum-ratio">최소 비율</a> </li> \
+    <li> <a href="#user-help_color-to-edit">교정하려는 색</a> </li> \
+    <li> <a href="#user-help_gimme-algorithms">검색 범위</a> </li> \
+</ul> \
 <h3 id="user-help_text-color">본문 글자 색</h3> \
 <p> \
     본문에 쓰인 <strong>글자</strong>에 입히는 <strong>색</strong>입니다. \
     이 항목에는 <em>CSS 컬러 키워드</em>, <em>16진법</em>, 혹은 \
-    <em lang="en"><abbr title="Red Green Blue">RGB</abbr></em> 값을 입력하실 수 있습니다. \
+    <em><abbr title="Red Green Blue">RGB</abbr></em> 값을 입력하실 수 있습니다. \
     실제 변환된 색은 항목 오른쪽에서 미리 확인하실 수 있습니다. \
 </p> \
 <h4>컬러 <strong>키워드</strong> </h4> \
 <p> 보기: <code>Black</code>, <code>Silver</code>, <code>YellowGreen</code>, <code>MediumPurple</code>. <br> \
-    여기에 사용될 수 있는 값은 \
-    <a hreflang="en" href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#Color_keywords"><span lang="en">CSS</span> 컬러 키워드</a> 문서에 나열되어 있습니다. \
-    (<em lang="en">CSS level 1</em>부터 <em lang="en">CSS level 4</em>까지). \
+    여기에 사용할 수 있는 값은 \
+    <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#Color_keywords">CSS 컬러 키워드</a> 문서에 나열되어 있습니다. \
+    (<em>CSS level 1</em>부터 <em>CSS level 4</em>까지). \
 </p> \
 <h4><strong>16진법</strong> 형태의 컬러 값</h4> \
 <p> 보기: <code>#AABBCC</code>.  \
@@ -95,15 +114,15 @@ home.noResultTxt=<h2 id="user-help-contrast-finder">도움말</h2> \
 <h3 id="user-help_background-color">배경색</h3> \
 <p> \
     <strong>배경</strong>에 칠해지는 색입니다. <br> \
-    이 항목은 앞의 본문 글자 항목과 같은 원리로 작동합니다. \
+    이 항목은 앞의 본문 글자 색 항목과 같은 원리로 작동합니다.\
 </p> \
-<h3 id="user-help_minimum-ratio">최소 <em>비율</em></h3> \
+<h3 id="user-help_minimum-ratio">최소 <em>비율</em></h3>\
 <p> 세 가지 선택가능한 값으로 <strong>3</strong>, <strong>4.5</strong> 그리고 <strong>7</strong>이 있습니다. </p> \
 <p> 비율은 어떻게 정할까요? 다음의 요소에 따라 결정됩니다: </p> \
 <ul> \
     <li> 접근성 요구 수준: <strong>AA</strong> 또는 <strong>AAA</strong>. </li> \
     <li> 글자의 크기. </li> \
-    <li> 글자가 볼드체인지 아닌지. </li> \
+    <li> 글자가 볼드체인지 아닌지? </li> \
 </ul> \
 <h4> 레벨 <em>AA</em> </h4> \
 <p> 두 가지 요소(크기와 볼드 유무)에 따라 다음과 같은 네 가지 조합을 도출할 수 있습니다: </p> \
@@ -127,26 +146,27 @@ home.noResultTxt=<h2 id="user-help-contrast-finder">도움말</h2> \
          <code>150%</code> 혹은 <code>1.5em</code> 크기와 같은 것으로 칩니다. </li> \
 </ul>  \
 <p> 글자 크기를 해석하는 방식에 관해서 더 깊고 자세히 알고 싶으시면, \
-  <a lang="en" hreflang="en" href="https://www.w3.org/TR/WCAG20/#larger-scaledef">WCAG에 기술된 large-scale text의 정의</a>를 읽어보십시오.  </p> \
+  <a href="https://www.w3.org/TR/WCAG20/#larger-scaledef">WCAG에 기술된 large-scale text의 정의</a>를 읽어보십시오.  </p> \
 <h4> 대비 비율에 관한 자세한 설명 </h4> \
 <ul> \
-<li><a lang="en" hreflang="en" href="https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast">WCAG 2.0 통과 기준 1.4.3</a> (레벨 AA)</li> \
-<li><a lang="en" hreflang="en" href="https://www.w3.org/TR/WCAG20/#visual-audio-contrast7">WCAG 2.0 통과 기준 1.4.6</a> (레벨 AAA)</li> \
-<li><a lang="en" hreflang="en" href="https://www.w3.org/TR/WCAG20/#contrast-ratiodef">WCAG 2.0 용어 해설 - 대비 비율</a></li> \
-<li><a lang="en" hreflang="en" href="https://www.w3.org/TR/WCAG20/relative-luminance.xml">WCAG 2.0 - MathML 버전의 상대 휘도 정의</a></li> \
+    <li><a href="https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast">WCAG 2.0 통과 기준 1.4.3</a> (레벨 AA)</li> \
+    <li><a href="https://www.w3.org/TR/WCAG20/#visual-audio-contrast7">WCAG 2.0 통과 기준 1.4.6</a> (레벨 AAA)</li> \
+    <li><a href="https://www.w3.org/TR/WCAG20/#contrast-ratiodef">WCAG 2.0 용어 해설 - 대비 비율</a></li> \
+    <li><a href="https://www.w3.org/TR/WCAG20/relative-luminance.xml">WCAG 2.0 - MathML 버전의 상대 휘도 정의</a></li> \
 </ul> \
 <h3 id="user-help_color-to-edit">교정하려는 색 </h3> \
 <p> 본문 글자 색 또는 배경색을 선택하실 수 있습니다. 기본은 본문 글자 색.</p> \
-<p> 선택하신 색은 나중에 기준에 적합한 색을 찾을 때까지 수정되며, 나머지 색은 변하지 않습니다. </p> \
-<h3 id="user-help_gimme-algorithms">알고리듬</h3> \
+<p> 선택하신 색은 나중에 기준에 적합한 색을 찾을 때까지 수정됩니다. \
+    그리고 나머지 색은 바뀌지 않습니다. </p> \
+<h3 id="user-help_gimme-algorithms">검색 범위 / 알고리듬</h3> \
 <h4>“처음 지정한 색과 아주 비슷하면서도 기준에 적합한 대비 색”</h4> \
 <p> \
     이것이 기본으로 쓰이는 알고리듬입니다. \
     처음 지정한 색과 아주 가까운 색만 골라서 보여줍니다. \
     (색의 편차는 수학적 방식으로 산출되며, 디자이너의 관점과는 다를 수 있습니다.) \
 </p> \
 <p> \
-    몇몇 색 조합에 따라선, 알고리듬은 아무런 결과도 추출하지 못할 수도 있습니다 ; \
+    몇몇 색 조합에 따라선, 알고리듬은 아무런 결과도 추출하지 못할 수 있습니다 ; \
     이 경우엔, 다른 알고리듬을 사용해 보십시오. \
 </p> \
 <h4>“확장된 색 범위 속 기준에 적합한 대비 색”</h4> \
@@ -155,18 +175,18 @@ home.noResultTxt=<h2 id="user-help-contrast-finder">도움말</h2> \
     하지만, 산출되는 색은 최초 지정 색과 (많이) 다를 수 있습니다. \
 </p> \
 <h2> 사용자 건의 </h2> \
-<p><em lang="en">Contrast-Finder</em>를 사용하시면서 문제가 있거나 다른 문의 사항이 있으시면, 연락해주시기 바랍니다: </p> \
+<p><em>Contrast-Finder</em>를 사용하시면서 문제가 있거나 다른 문의 사항이 있으시면, 아래에 있는 통로로 연락해주시기 바랍니다: </p> \
 <ul> \
     <li> <a href="https://forum.asqatasun.org/c/contrast-finder">Asqatasun 포럼</a>    </li> \
-    <li> <a title="Contrast-Finder의 트위터" href="https://twitter.com/contrast_finder">트위터 @Contrast_Finder</a> </li> \
-    <li> <a href="https://github.com/Asqatasun/Contrast-Finder"><span lang="en">Contrast-Finder</span>의 Github 저장소</a> </li> \
+    <li> <a title="Contrast-Finder의 트위터 계정" href="https://twitter.com/contrast_finder">트위터 @Contrast_Finder</a> </li> \
+    <li> <a href="https://github.com/Asqatasun/Contrast-Finder">Contrast-Finder의 Github 저장소</a> </li> \
 </ul> \
-<h2> <em lang="en">Contrast-Finder</em>의 기능 개선 및 제안 </h2> \
+<h2> <em>Contrast-Finder</em>의 기능 개선 및 제안 </h2> \
 <p> \
     어떠한 제안이든 모두 환영합니다!  \
     번역, 문제 수정, 오류 보고, 새로운 기능… <br> \
     부담없이 \
-        <a hreflang="en" href="https://github.com/Asqatasun/Contrast-Finder/blob/develop/CONTRIBUTING.md">소스 코드</a>를 가지고 놀아보시고, \
+        <a href="https://github.com/Asqatasun/Contrast-Finder/blob/develop/CONTRIBUTING.md">소스 코드</a>를 가지고 놀아보시고, \
     <a href="https://forum.Asqatasun.org/">포럼</a>에서도 상의해 보세요. \
 </p>
 #########  unused i18n entries