diff --git a/1-getting-started-lessons/3-accessibility/translations/README.ko.md b/1-getting-started-lessons/3-accessibility/translations/README.ko.md index 601b0de1..bbbe58de 100644 --- a/1-getting-started-lessons/3-accessibility/translations/README.ko.md +++ b/1-getting-started-lessons/3-accessibility/translations/README.ko.md @@ -1,9 +1,9 @@ -# Creating Accessible Webpages +# 접근 가능한 웹 페이지 생성하기 ![All About Accessibility](webdev101-a11y.png) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) -## Pre-Lecture Quiz +## 강의 전 퀴즈 [Pre-lecture quiz](.github/pre-lecture-quiz.md) > The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect. @@ -12,9 +12,9 @@ This quote perfectly highlights the importance of creating accessible websites. An application that can't be accessed by all is by definition exclusionary. As web developers we should always have accessibility in mind. By having this focus from the beginning you will be well on your way to ensure everyone can access the pages you create. In this lesson, you'll learn about the tools that can help you ensure that your web assets are accessible and how to build with accessibility in mind. -## Tools to use +## 사용 도구 -### Screen readers +### 스크린 리더 One of the best-known accessibility tools are screen readers. @@ -38,7 +38,7 @@ In the developer tool area of your browser, you'll find the Lighthouse tool. Thi ✅ Find Lighthouse in your browser's developer tool panel and run an analysis on any site. what do you discover? -## Designing for accessibility +## 접근성을 위한 디자인 Accessibility is a relatively large topic. To help you out, there are numerous resources available. @@ -46,35 +46,35 @@ Accessibility is a relatively large topic. To help you out, there are numerous r While we won't be able to cover every aspect of creating accessible sites, below are some of the core tenets you will want to implement. Designing an accessible page from the start is **always** easier than going back to an existing page to make it accessible. -## Good display principles +## 좋은 디스플레이 원칙 -### Color safe palettes +### 색상 안전 팔레트 People see the world in different ways, and this includes colors. When selecting a color scheme for your site, you should ensure it's accessible to all. One great [tool for generating color palettes is Color Safe](http://colorsafe.co/). ✅ Identify a web site that is very problematic in its use of color. Why? -### Properly highlight text +### 텍스트를 적절하게 강조하기 Highlighting text by color, [font weight](https://developer.mozilla.org/docs/Web/CSS/font-weight), or other [text decoration](https://developer.mozilla.org/docs/Web/CSS/text-decoration) does not inherently inform a screen reader of its importance. A word could be bold because it's a key word, or because its the first word and the designer decided it should be bold. When a particular phrase needs to be highlighted, use the `` or `` elements. These will indicate to a screen reader that those items are important. -### Use the correct HTML +### 올바른 HTML 사용하기 With CSS and JavaScript it's possible to many any element look like any type of control. `` could be used to create a `