mdn · hochan222 · Jul 31, 2023 · Jul 18, 2023 · Jul 30, 2023
diff --git a/.prettierignore b/.prettierignore
@@ -54,7 +54,6 @@ build/
 /files/ja/web/svg/**/*.md
 
 # ko
-/files/ko/learn/**/*.md
 /files/ko/web/api/**/*.md
 /files/ko/web/css/**/*.md
 /files/ko/web/html/**/*.md

@@ -1,5 +1,5 @@
 ---
-title: 'HTML: 접근성의 좋은 기반'
+title: "HTML: 접근성의 좋은 기반"
 slug: Learn/Accessibility/HTML
 original_slug: Learn/접근성/HTML
 l10n:
@@ -89,15 +89,15 @@ HTML `<button>`은 적절한 스타일(아마 덮어쓰고 싶을지 모르지
 <h2>My subheading</h2>
 
 <p>
-  This is the first subsection of my document.
-  I'd love people to be able to find this content!
+  This is the first subsection of my document. I'd love people to be able to
+  find this content!
 </p>
 
 <h2>My 2nd subheading</h2>
 
 <p>
-  This is the second subsection of my content,
-  which I think is more interesting than the last one.
+  This is the second subsection of my content, which I think is more interesting
+  than the last one.
 </p>
 ```
 
@@ -111,8 +111,7 @@ HTML `<button>`은 적절한 스타일(아마 덮어쓰고 싶을지 모르지
 사람들은 종종 헤딩, 문단 등을 줄바꿈이나 스타일링만을 위한 HTML 요소를 통해 작성하기도 합니다. 다음 예시처럼요.
 
 ```html example-bad
-<span style="font-size: 3em">My heading</span>
-<br /><br />
+<span style="font-size: 3em">My heading</span> <br /><br />
 This is the first section of my document.
 <br /><br />
 I'll add another paragraph here too.
@@ -125,13 +124,13 @@ I'll add another paragraph here too.
 <br /><br />
 <span style="font-size: 2.5em">My subheading</span>
 <br /><br />
-This is the first subsection of my document.
-I'd love people to be able to find this content!
+This is the first subsection of my document. I'd love people to be able to find
+this content!
 <br /><br />
 <span style="font-size: 2.5em">My 2nd subheading</span>
 <br /><br />
-This is the second subsection of my content.
-I think is more interesting than the last one.
+This is the second subsection of my content. I think is more interesting than
+the last one.
 ```
 
 이것의 긴 버전을 스크린 리더로 읽어본다면 ([bad-semantics.html](https://mdn.github.io/learning-area/accessibility/html/bad-semantics.html)을 살펴보세요) 좋지 못한 경험을 하게 될 것입니다. 스크린 리더가 표지판으로 사용할 수 있는 요소가 아무것도 없기 때문에 당신은 유용한 목차를 찾을 수 없고, 페이지 전체가 하나의 커다란 블록으로 여겨져 한번에 전부 읽어집니다.
@@ -356,7 +355,8 @@ UI 컨트롤 접근성에 대한 핵심적인 측면 중 하나는 브라우저
 document.onkeydown = (e) => {
   // The Enter/Return key
   if (e.key === "Enter") {
-    document.activeElement.click();33
+    document.activeElement.click();
+    33;
   }
 };
 ```
@@ -371,7 +371,7 @@ UI 컨트롤에서 텍스트 라벨은 모든 사용자에게 유용하지만,
 
 버튼과 링크의 텍스트 라벨이 이해하기 좋고 구별 가능하도록 해야합니다. 라벨에 "여기를 클릭하세요" 같은 문구만 사용하지 마세요. 스크린 리더 사용자들은 때때로 버튼과 폼 컨트롤 리스트를 만나기도 합니다. 다음 스크린샷은 Mac VoiceOver에서 우리의 컨트롤이 열거되는 방식을 보여줍니다.
 
-![Mac VoiceOver 소프트웨어에서 열거하는 폼 인풋 라벨 목록. 이 목록에는 버튼, 텍스트 필드, 링크 등의 다양한 폼 컨트롤 요소에 적용된 'happy menu button` 같은 의미없는 라벨이 포함되어 있습니다.](voiceover-formcontrols.png)
+![Mac VoiceOver 소프트웨어에서 열거하는 폼 인풋 라벨 목록. 이 목록에는 버튼, 텍스트 필드, 링크 등의 다양한 폼 컨트롤 요소에 적용된 'happy menu button' 같은 의미없는 라벨이 포함되어 있습니다.](voiceover-formcontrols.png)
 
 맥락 밖에서도 이해 가능한 라벨을 사용하세요. 혼자 읽혀졌을 때에도 속해있는 문단 맥락 안에서 읽힐 때만큼 의미를 드러내야 합니다. 다음 예시는 좋은 링크 텍스트를 보여줍니다.
 

@@ -26,7 +26,15 @@ pointing devices를 사용 하지 않거나 사용 할 수 없는 유저들은 <
 만약 당신이 자신을 설명하지 않는 링크를 가지고 있거나, 링크 목적지가 더 자세하게 설명되지 않으면, 그 링크에 제목 속성을 추가 할 수 있습니다.
 
 ```html
-<p>I'm really bad at writing link text. <a href="inept.html" title="Why I'm rubbish at writing link text: An explanation and an apology.">Click here</a> to find out more.</p>
+<p>
+  I'm really bad at writing link text.
+  <a
+    href="inept.html"
+    title="Why I'm rubbish at writing link text: An explanation and an apology."
+    >Click here</a
+  >
+  to find out more.
+</p>
 ```
 
 ## 접근 키(Access Keys)

@@ -44,36 +44,36 @@ original_slug: Learn/Common_questions/set_up_a_local_testing_server
 
 1. 파이썬을 설치합니다. 리눅스나 맥OS 사용자라면 이미 시스템에 설치되어 있을 것입니다. 윈도우 사용자일 경우, 다음과 같이 파이썬 홈페이지로부터 설치 프로그램을 다운 받고 설치합니다:
 
-    - 파이썬 홈페이지([python.org](https://www.python.org/))로 이동합니다.
-    - 다운로드(download) 영역에서 Python "3.xxx" 링크를 클릭합니다.
-    - 페이지의 아래쪽에 있는 *Windows x86 executable installer*를 선택하고 다운로드 받습니다.
-    - 다운로드가 완료되면 실행합니다.
-    - 설치 프로그램의 첫 번째 페이지에서 "Add Python 3.xxx to PATH" 체크박스를 체크해야 합니다.
-    - *Install*을 클릭하고 설치가 완료되면 *Close*를 클릭합니다.
+   - 파이썬 홈페이지([python.org](https://www.python.org/))로 이동합니다.
+   - 다운로드(download) 영역에서 Python "3.xxx" 링크를 클릭합니다.
+   - 페이지의 아래쪽에 있는 *Windows x86 executable installer*를 선택하고 다운로드 받습니다.
+   - 다운로드가 완료되면 실행합니다.
+   - 설치 프로그램의 첫 번째 페이지에서 "Add Python 3.xxx to PATH" 체크박스를 체크해야 합니다.
+   - *Install*을 클릭하고 설치가 완료되면 *Close*를 클릭합니다.
 
 2. 명령 실행창(윈도우의 경우는 command prompt, OS/X나 리눅스인 경우에는 터미널창)을 엽니다. 파이썬이 설치되었는지 확인하기 위해 다음 명령을 입력합니다.:
 
-    ```bash
-    python -V
-    ```
+   ```bash
+   python -V
+   ```
 
 3. 이 명령은 버전 번호를 반환합니다. 정상적으로 작동하면, `cd` 명령을 이용해 여러분의 예제가 존재하는 디렉토리로 이동합니다.
 
-    ```bash
-    # 들어가고자 하는 디렉토리 명을 입력합니다. 예를 들어,
-    cd Desktop
-    # 한 단계 상위 디렉토리로 이동하려면 점 두 개를 사용합니다.
-    cd ..
-    ```
+   ```bash
+   # 들어가고자 하는 디렉토리 명을 입력합니다. 예를 들어,
+   cd Desktop
+   # 한 단계 상위 디렉토리로 이동하려면 점 두 개를 사용합니다.
+   cd ..
+   ```
 
 4. 그 경로에 있는 서버를 구동하기 위한 명령을 입력합니다:
 
-    ```bash
-    # 위에서 반환된 파이썬 버전이 3.X인 경우
-    python -m http.server
-    # 위에서 반환된 파이썬 버전이 2.X인 경우
-    python -m SimpleHTTPServer
-    ```
+   ```bash
+   # 위에서 반환된 파이썬 버전이 3.X인 경우
+   python -m http.server
+   # 위에서 반환된 파이썬 버전이 2.X인 경우
+   python -m SimpleHTTPServer
+   ```
 
 5. 이 명령은 기본적으로 로컬 웹 서버의 8000번 포트를 이용해 해당 경로의 컨텐츠를 실행시킵니다. 웹 브라우저에서 주소줄에 `localhost:8000`를 입력하면 이 서버로 이동할 수 있습니다. 그러면 그 디렉토리의 컨텐츠 목록을 볼 수 있는데 실행하고자 하는 HTML 파일을 클릭합니다.
 

@@ -94,7 +94,7 @@ _웹 페이지_ 와 _웹사이트 에 대한 생각은_ 특히 하나의*웹 페
 
 검색 엔진은 다음과 같습니다: [Google](https://www.google.com/), [Bing](https://www.bing.com/), [Yandex](https://www.yandex.com/), [DuckDuckGo](https://duckduckgo.com/), 그리고 더 많은 검색 엔진들이 있습니다. 일부는 일반적인 것을 위한 것이고, 일부는 특정한 주제에 특화되어 있습니다. 선호하는 것을 사용하면 됩니다.
 
-많은 웹 초보자들은 검색 엔진과 브라우저를 혼돈합니다. 분명히 합시다: ***브라우저***는 소프트웨어의 한 조각으로, 웹 페이지를 검색하고 보여줍니다; ***검색 엔진***은 사람들이 다른 웹사이트에서 웹 페이지를 찾도록 도와주는 웹 사이트입니다. 혼란이 생기는 이유는, 처음 브라우저를 실행하면, 브라우저는 검색 엔진의 홈페이지를 보여주기 때문입니다. 이것이 의미있는 이유는 브라우저로 가장 하고 싶은 일이 보여줄 웹 페이지를 찾는 것이기 때문이다. 브라우저같은 기반 시설을 검색엔진 같은 서비스와 혼동하지마세요. 이것을 구별하는 것이 상당히 도움이 될 것입니다. 그러나 몇몇의 전문가들도 느슨하게 말하므로, 염려하지 않아도 됩니다.
+많은 웹 초보자들은 검색 엔진과 브라우저를 혼돈합니다. 분명히 합시다: **_브라우저_**는 소프트웨어의 한 조각으로, 웹 페이지를 검색하고 보여줍니다; **_검색 엔진_**은 사람들이 다른 웹사이트에서 웹 페이지를 찾도록 도와주는 웹 사이트입니다. 혼란이 생기는 이유는, 처음 브라우저를 실행하면, 브라우저는 검색 엔진의 홈페이지를 보여주기 때문입니다. 이것이 의미있는 이유는 브라우저로 가장 하고 싶은 일이 보여줄 웹 페이지를 찾는 것이기 때문이다. 브라우저같은 기반 시설을 검색엔진 같은 서비스와 혼동하지마세요. 이것을 구별하는 것이 상당히 도움이 될 것입니다. 그러나 몇몇의 전문가들도 느슨하게 말하므로, 염려하지 않아도 됩니다.
 
 기본 시작 페이지로 구글 검색 상자를 보여주는 파이어폭의 한 예입니다.