chrome-devtools-frontend

{ "core/audits/accessibility/accesskeys.js | description": { "message": "액세스 키를 사용하면 사용자가 페이지의 특정 부분에 신속하게 포커스를 맞출 수 있습니다. 정상적으로 탐색하려면 모든 액세스 키가 고유해야 합니다. [액세스 키에 관해 자세히 알아보기](https://dequeuniversity.com/rules/axe/4.7/accesskeys)" }, "core/audits/accessibility/accesskeys.js | failureTitle": { "message": "`[accesskey]` 값이 고유하지 않음" }, "core/audits/accessibility/accesskeys.js | title": { "message": "`[accesskey]` 값이 고유합니다" }, "core/audits/accessibility/aria-allowed-attr.js | description": { "message": "각 ARIA `role`은 `aria-*` 속성으로 구성된 특정 하위 세트를 지원합니다. 이 두 가지가 일치하지 않으면 `aria-*` 속성이 유효하지 않게 됩니다. [ARIA 속성을 역할에 일치시키는 방법 알아보기](https://dequeuniversity.com/rules/axe/4.7/aria-allowed-attr)" }, "core/audits/accessibility/aria-allowed-attr.js | failureTitle": { "message": "`[aria-*]` 속성이 역할과 일치하지 않음" }, "core/audits/accessibility/aria-allowed-attr.js | title": { "message": "`[aria-*]` 속성이 역할과 일치함" }, "core/audits/accessibility/aria-command-name.js | description": { "message": "요소에 액세스 가능한 이름이 없는 경우 스크린 리더가 일반적인 이름으로 읽기 때문에 스크린 리더에 의존하는 사용자는 해당 요소를 사용할 수 없게 됩니다. [명령어 요소의 접근성을 높이는 방법 알아보기](https://dequeuniversity.com/rules/axe/4.7/aria-command-name)" }, "core/audits/accessibility/aria-command-name.js | failureTitle": { "message": "`button`, `link` 및 `menuitem` 요소에 접근성을 위한 이름이 없음" }, "core/audits/accessibility/aria-command-name.js | title": { "message": "`button`, `link` 및 `menuitem` 요소에 접근성을 위한 이름이 있음" }, "core/audits/accessibility/aria-hidden-body.js | description": { "message": "스크린 리더와 같은 보조 기술은 `aria-hidden=\"true\"`가 문서 `<body>`에 설정된 경우 일관성 없게 작동합니다. [`aria-hidden`이 문서 본문에 미치는 영향 알아보기](https://dequeuniversity.com/rules/axe/4.7/aria-hidden-body)" }, "core/audits/accessibility/aria-hidden-body.js | failureTitle": { "message": "`[aria-hidden=\"true\"]`이(가) 문서 `<body>`에 있음" }, "core/audits/accessibility/aria-hidden-body.js | title": { "message": "`[aria-hidden=\"true\"]`이(가) 문서 `<body>`에 없음" }, "core/audits/accessibility/aria-hidden-focus.js | description": { "message": "`[aria-hidden=\"true\"]` 요소 내 포커스 가능한 하위 요소는 스크린 리더와 같은 보조 기술 사용자가 상호작용 가능한 요소를 사용하지 못하게 합니다. [`aria-hidden`이 포커스 가능 요소에 어떤 영향을 미치는지 알아보기](https://dequeuniversity.com/rules/axe/4.7/aria-hidden-focus)" }, "core/audits/accessibility/aria-hidden-focus.js | failureTitle": { "message": "`[aria-hidden=\"true\"]` 요소에 포커스할 수 있는 하위 요소가 있음" }, "core/audits/accessibility/aria-hidden-focus.js | title": { "message": "`[aria-hidden=\"true\"]` 요소에 포커스할 수 있는 하위 요소가 없음" }, "core/audits/accessibility/aria-input-field-name.js | description": { "message": "입력란에 액세스 가능한 이름이 없는 경우 스크린 리더가 일반적인 이름으로 읽기 때문에 스크린 리더에 의존하는 사용자는 해당 입력란을 사용할 수 없게 됩니다. [입력란 라벨에 관해 자세히 알아보기](https://dequeuniversity.com/rules/axe/4.7/aria-input-field-name)" }, "core/audits/accessibility/aria-input-field-name.js | failureTitle": { "message": "ARIA 입력란에 접근 가능한 이름이 없음" }, "core/audits/accessibility/aria-input-field-name.js | title": { "message": "ARIA 입력란에 접근 가능한 이름이 있음" }, "core/audits/accessibility/aria-meter-name.js | description": { "message": "측정기 요소에 액세스 가능한 이름이 없는 경우 스크린 리더가 일반적인 이름으로 읽기 때문에 스크린 리더에 의존하는 사용자는 해당 요소를 사용할 수 없게 됩니다. [`meter` 요소의 이름을 지정하는 방법 알아보기](https://dequeuniversity.com/rules/axe/4.7/aria-meter-name)" }, "core/audits/accessibility/aria-meter-name.js | failureTitle": { "message": "ARIA `meter` 요소에 접근성을 위한 이름이 없음" }, "core/audits/accessibility/aria-meter-name.js | title": { "message": "ARIA `meter` 요소에 접근성을 위한 이름이 있음" }, "core/audits/accessibility/aria-progressbar-name.js | description": { "message": "`progressbar` 요소에 액세스 가능한 이름이 없는 경우 스크린 리더가 일반적인 이름으로 읽기 때문에 스크린 리더에 의존하는 사용자는 해당 요소를 사용할 수 없게 됩니다. [`progressbar` 요소에 라벨을 지정하는 방법 알아보기](https://dequeuniversity.com/rules/axe/4.7/aria-progressbar-name)" }, "core/audits/accessibility/aria-progressbar-name.js | failureTitle": { "message": "ARIA `progressbar` 요소에 접근성을 위한 이름이 없음" }, "core/audits/accessibility/aria-progressbar-name.js | title": { "message": "ARIA `progressbar` 요소에 접근성을 위한 이름이 있음" }, "core/audits/accessibility/aria-required-attr.js | description": { "message": "일부 ARIA 역할에는 스크린 리더에 관한 요소의 상태를 설명하는 필수 속성이 있습니다. [역할 및 필수 속성에 관해 자세히 알아보기](https://dequeuniversity.com/rules/axe/4.7/aria-required-attr)" }, "core/audits/accessibility/aria-required-attr.js | failureTitle": { "message": "`[role]`에 필요한 `[aria-*]` 속성이 일부 포함되지 않음" }, "core/audits/accessibility/aria-required-attr.js | title": { "message": "`[role]`에 필요한 모든 `[aria-*]` 속성이 있음" }, "core/audits/accessibility/aria-required-children.js | description": { "message": "일부 ARIA 상위 역할은 의도한 접근성 기능을 실행하려면 특정 하위 역할을 포함하고 있어야 합니다. [역할 및 필수 하위 요소에 관해 자세히 알아보기](https://dequeuniversity.com/rules/axe/4.7/aria-required-children)" }, "core/audits/accessibility/aria-required-children.js | failureTitle": { "message": "하위 요소에 특정 `[role]`을(를) 포함해야 하는 ARIA `[role]` 지원 요소에 일부 또는 전체 하위 요소가 누락되었습니다." }, "core/audits/accessibility/aria-required-children.js | title": { "message": "하위 요소에 특정 `[role]`을(를) 포함해야 하는 ARIA `[role]` 지원 요소에 필요한 모든 하위 요소가 있습니다." }, "core/audits/accessibility/aria-required-parent.js | description": { "message": "일부 ARIA 하위 역할은 의도한 접근성 기능을 올바르게 실행하려면 특정 상위 역할에 포함되어 있어야 합니다. [ARIA 역할 및 필수 상위 요소에 관해 자세히 알아보기](https://dequeuniversity.com/rules/axe/4.7/aria-required-parent)" }, "core/audits/accessibility/aria-required-parent.js | failureTitle": { "message": "`[role]`이(가) 필수 상위 요소에 포함되지 않음" }, "core/audits/accessibility/aria-required-parent.js | title": { "message": "`[role]`이(가) 필수 상위 요소에 포함됨" }, "core/audits/accessibility/aria-roles.js | description": { "message": "ARIA 역할에서 의도한 접근성 기능을 실행하려면 유효한 값을 포함하고 있어야 합니다. [유효한 ARIA 역할에 관해 자세히 알아보기](https://dequeuniversity.com/rules/axe/4.7/aria-roles)" }, "core/audits/accessibility/aria-roles.js | failureTitle": { "message": "`[role]` 값이 유효하지 않음" }, "core/audits/accessibility/aria-roles.js | title": { "message": "`[role]` 값이 유효함" }, "core/audits/accessibility/aria-toggle-field-name.js | description": { "message": "전환 버튼 입력란에 액세스 가능한 이름이 없는 경우 스크린 리더가 일반적인 이름으로 읽기 때문에 스크린 리더에 의존하는 사용자는 해당 입력란을 사용할 수 없게 됩니다. [전환 버튼 입력란에 관해 자세히 알아보기](https://dequeuniversity.com/rules/axe/4.7/aria-toggle-field-name)" }, "core/audits/accessibility/aria-toggle-field-name.js | failureTitle": { "message": "ARIA 토글 입력란에 접근 가능한 이름이 없음" }, "core/audits/accessibility/aria-toggle-field-name.js | title": { "message": "ARIA 토글 입력란에 접근 가능한 이름이 있음" }, "core/audits/accessibility/aria-tooltip-name.js | description": { "message": "팁 요소에 액세스 가능한 이름이 없는 경우 스크린 리더가 일반적인 이름으로 읽기 때문에 스크린 리더에 의존하는 사용자는 해당 요소를 사용할 수 없게 됩니다. [`tooltip` 요소의 이름을 지정하는 방법 알아보기](https://dequeuniversity.com/rules/axe/4.7/aria-tooltip-name)" }, "core/audits/accessibility/aria-tooltip-name.js | failureTitle": { "message": "ARIA `tooltip` 요소에 접근성을 위한 이름이 없음" }, "core/audits/accessibility/aria-tooltip-name.js | title": { "message": "ARIA `tooltip` 요소에 접근성을 위한 이름이 있음" }, "core/audits/accessibility/aria-treeitem-name.js | description": { "message": "`treeitem` 요소에 액세스 가능한 이름이 없는 경우 스크린 리더가 일반적인 이름으로 읽기 때문에 스크린 리더에 의존하는 사용자는 해당 요소를 사용할 수 없게 됩니다. [`treeitem` 요소 라벨 지정에 관해 자세히 알아보기](https://dequeuniversity.com/rules/axe/4.7/aria-treeitem-name)" }, "core/audits/accessibility/aria-treeitem-name.js | failureTitle": { "message": "ARIA `treeitem` 요소에 접근성을 위한 이름이 없음" }, "core/audits/accessibility/aria-treeitem-name.js | title": { "message": "ARIA `treeitem` 요소에 접근성을 위한 이름이 있음" }, "core/audits/accessibility/aria-valid-attr-value.js | description": { "message": "스크린 리더와 같은 보조 기술은 잘못된 값이 있는 ARIA 속성을 해석하지 못합니다. [ARIA 속성의 유효한 값에 관해 자세히 알아보기](https://dequeuniversity.com/rules/axe/4.7/aria-valid-attr-value)" }, "core/audits/accessibility/aria-valid-attr-value.js | failureTitle": { "message": "`[aria-*]` 속성에 유효한 값이 없음" }, "core/audits/accessibility/aria-valid-attr-value.js | title": { "message": "`[aria-*]` 속성에 유효한 값이 있음" }, "core/audits/accessibility/aria-valid-attr.js | description": { "message": "스크린 리더와 같은 보조 기술은 잘못된 이름이 있는 ARIA 속성을 해석하지 못합니다. [유효한 ARIA 속성에 관해 자세히 알아보기](https://dequeuniversity.com/rules/axe/4.7/aria-valid-attr)" }, "core/audits/accessibility/aria-valid-attr.js | failureTitle": { "message": "`[aria-*]` 속성이 유효하지 않거나 맞춤법 오류가 있음" }, "core/audits/accessibility/aria-valid-attr.js | title": { "message": "`[aria-*]` 속성이 유효하며 맞춤법 오류가 없음" }, "core/audits/accessibility/axe-audit.js | failingElementsHeader": { "message": "통과하지 못한 요소" }, "core/audits/accessibility/button-name.js | description": { "message": "버튼에 액세스 가능한 이름이 없는 경우 스크린 리더가 '버튼'이라고만 읽기 때문에 스크린 리더에 의존하는 사용자는 해당 버튼을 사용할 수 없게 됩니다. [버튼 접근성을 높이는 방법 알아보기](https://dequeuniversity.com/rules/axe/4.7/button-name)" }, "core/audits/accessibility/button-name.js | failureTitle": { "message": "버튼에 접근 가능한 이름이 없습니다" }, "core/audits/accessibility/button-name.js | title": { "message": "버튼에 접근 가능한 이름이 있습니다" }, "core/audits/accessibility/bypass.js | description": { "message": "반복적인 콘텐츠를 건너뛸 방법을 추가하면 키보드 사용자가 페이지를 더 효율적으로 탐색할 수 있습니다. [우회 차단에 관해 자세히 알아보기](https://dequeuniversity.com/rules/axe/4.7/bypass)" }, "core/audits/accessibility/bypass.js | failureTitle": { "message": "페이지에 제목, 링크 건너뛰기, 랜드마크 영역이 포함되어 있지 않습니다" }, "core/audits/accessibility/bypass.js | title": { "message": "페이지에 제목, 링크 건너뛰기, 랜드마크 영역이 포함되어 있습니다" }, "core/audits/accessibility/color-contrast.js | description": { "message": "많은 사용자가 저대비 텍스트를 읽는 데 어려움을 겪거나 전혀 읽지 못합니다. [충분한 색상 대비를 제공하는 방법 알아보기](https://dequeuniversity.com/rules/axe/4.7/color-contrast)" }, "core/audits/accessibility/color-contrast.js | failureTitle": { "message": "백그라운드 및 포그라운드 색상의 대비율이 충분하지 않습니다" }, "core/audits/accessibility/color-contrast.js | title": { "message": "백그라운드 및 포그라운드 색상의 대비율이 충분합니다" }, "core/audits/accessibility/definition-list.js | description": { "message": "정의 목록이 올바르게 표시되지 않으면 스크린 리더에서 혼란스럽거나 정확하지 않은 내용을 말할 수 있습니다. [정의 목록을 올바르게 구성하는 방법 알아보기](https://dequeuniversity.com/rules/axe/4.7/definition-list)" }, "core/audits/accessibility/definition-list.js | failureTitle": { "message": "`<dl>`에 순서가 올바른 `<dt>` 및 `<dd>` 그룹, `<script>`, `<template>` 또는 `<div>` 요소만 포함되어 있지 않음" }, "core/audits/accessibility/definition-list.js | title": { "message": "`<dl>`에 순서가 올바른 `<dt>` 및 `<dd>` 그룹, `<script>`, `<template>` 또는 `<div>` 요소만 포함되어 있음" }, "core/audits/accessibility/dlitem.js | description": { "message": "스크린 리더에서 정의 목록 항목(`<dt>` 및 `<dd>`)을 올바르게 읽으려면 정의 목록 항목이 상위 `<dl>` 요소에 래핑되어 있어야 합니다. [정의 목록을 올바르게 구성하는 방법 알아보기](https://dequeuniversity.com/rules/axe/4.7/dlitem)" }, "core/audits/accessibility/dlitem.js | failureTitle": { "message": "정의 목록 항목이 `<dl>` 요소에서 래핑되어 있지 않음" }, "core/audits/accessibility/dlitem.js | title": { "message": "정의 목록 항목이 `<dl>` 요소에서 래핑되어 있음" }, "core/audits/accessibility/document-title.js | description": { "message": "제목을 사용하면 스크린 리더 사용자에게는 페이지의 개요를 제공할 수 있습니다. 검색엔진 사용자는 제목으로 페이지가 자신의 검색어와 관련되어 있는지 여부를 판단합니다. [문서 제목에 관해 자세히 알아보기](https://dequeuniversity.com/rules/axe/4.7/document-title)" }, "core/audits/accessibility/document-title.js | failureTitle": { "message": "문서에 `<title>` 요소가 없음" }, "core/audits/accessibility/document-title.js | title": { "message": "문서에 `<title>` 요소가 있음" }, "core/audits/accessibility/duplicate-id-active.js | description": { "message": "포커스 가능한 모든 요소가 보조 기술에 올바르게 표시되려면 고유한 `id`가 있어야 합니다. [중복된 `id`를 해결하는 방법 알아보기](https://dequeuniversity.com/rules/axe/4.7/duplicate-id-active)" }, "core/audits/accessibility/duplicate-id-active.js | failureTitle": { "message": "포커스할 수 있는 활성 요소에 중복되는 `[id]` 속성이 있음" }, "core/audits/accessibility/duplicate-id-active.js | title": { "message": "포커스할 수 있는 활성 요소에 중복되는 `[id]` 속성이 없음" }, "core/audits/accessibility/duplicate-id-aria.js | description": { "message": "중복되는 ARIA ID 값이 없어야 보조 기술이 다른 인스턴스를 놓치지 않습니다. [중복 ARIA ID를 수정하는 방법 알아보기](https://dequeuniversity.com/rules/axe/4.7/duplicate-id-aria)" }, "core/audits/accessibility/duplicate-id-aria.js | failureTitle": { "message": "중복되는 ARIA ID가 있음" }, "core/audits/accessibility/duplicate-id-aria.js | title": { "message": "중복되는 ARIA ID가 없음" }, "core/audits/accessibility/form-field-multiple-labels.js | description": { "message": "라벨이 여러 개인 양식 입력란은 첫 번째, 마지막 또는 모든 라벨을 사용하는 스크린 리더와 같은 보조 기술에서 잘못 읽을 수 있습니다. [양식 라벨 사용 방법 알아보기](https://dequeuniversity.com/rules/axe/4.7/form-field-multiple-labels)" }, "core/audits/accessibility/form-field-multiple-labels.js | failureTitle": { "message": "양식 입력란에 라벨이 여러 개 있음" }, "core/audits/accessibility/form-field-multiple-labels.js | title": { "message": "양식 입력란에 라벨이 여러 개가 아님" }, "core/audits/accessibility/frame-title.js | description": { "message": "스크린 리더 사용자는 프레임 콘텐츠를 설명해 주는 프레임 제목을 사용합니다. [프레임 제목에 관해 자세히 알아보기](https://dequeuniversity.com/rules/axe/4.7/frame-title)" }, "core/audits/accessibility/frame-title.js | failureTitle": { "message": "`<frame>` 또는 `<iframe>` 요소에 제목이 없음" }, "core/audits/accessibility/frame-title.js | title": { "message": "`<frame>` 또는 `<iframe>` 요소에 제목이 있음" }, "core/audits/accessibility/heading-order.js | description": { "message": "레벨을 건너뛰지 않고 제대로 정렬된 제목은 페이지의 시맨틱 구조를 포함하여, 보조 기술을 사용할 때 더 쉽게 이동하고 이해하는 데 도움이 됩니다. [제목 순서 자세히 알아보기](https://dequeuniversity.com/rules/axe/4.7/heading-order)" }, "core/audits/accessibility/heading-order.js | failureTitle": { "message": "제목 요소가 내림차순으로 표시되지 않음" }, "core/audits/accessibility/heading-order.js | title": { "message": "제목 요소가 내림차순으로 표시됨" }, "core/audits/accessibility/html-has-lang.js | description": { "message": "페이지에서 `lang` 속성을 지정하지 않는 경우 스크린 리더는 사용자가 스크린 리더를 설정할 때 선택한 기본 언어로 페이지가 작성되어 있다고 가정합니다. 페이지가 기본 언어로 작성되어 있지 않으면 스크린 리더에서 페이지에 있는 텍스트를 제대로 읽어줄 수 없습니다. [`lang` 속성에 관해 자세히 알아보기](https://dequeuniversity.com/rules/axe/4.7/html-has-lang)" }, "core/audits/accessibility/html-has-lang.js | failureTitle": { "message": "`<html>` 요소에 `[lang]` 속성이 없음" }, "core/audits/accessibility/html-has-lang.js | title": { "message": "`<html>` 요소에 `[lang]` 속성이 있음" }, "core/audits/accessibility/html-lang-valid.js | description": { "message": "유효한 [BCP 47 언어](https://www.w3.org/International/questions/qa-choosing-language-tags#question)를 지정하면 스크린 리더에서 텍스트를 올바르게 읽는 데 도움이 됩니다. [`lang` 속성을 사용하는 방법 알아보기](https://dequeuniversity.com/rules/axe/4.7/html-lang-valid)" }, "core/audits/accessibility/html-lang-valid.js | failureTitle": { "message": "`<html>` 요소의 `[lang]` 속성에 유효한 값이 없음" }, "core/audits/accessibility/html-lang-valid.js | title": { "message": "`<html>` 요소에 `[lang]` 속성의 유효한 값이 있음" }, "core/audits/accessibility/image-alt.js | description": { "message": "정보 요소는 짧아야 하며 설명을 제공하는 대체 텍스트를 목표로 해야 합니다. 장식 요소는 Alt 속성이 비어 있는 경우 무시될 수 있습니다. [`alt` 속성에 관해 자세히 알아보기](https://dequeuniversity.com/rules/axe/4.7/image-alt)" }, "core/audits/accessibility/image-alt.js | failureTitle": { "message": "이미지 요소에 `[alt]` 속성 없음" }, "core/audits/accessibility/image-alt.js | title": { "message": "이미지 요소에 `[alt]` 속성이 있음" }, "core/audits/accessibility/input-image-alt.js | description": { "message": "이미지가 `<input>` 버튼으로 사용되는 경우 대체 텍스트를 제공하면 스크린 리더 사용자가 버튼의 목적을 쉽게 이해하는 데 도움이 됩니다. [입력 이미지 대체 텍스트에 관해 알아보기](https://dequeuniversity.com/rules/axe/4.7/input-image-alt)" }, "core/audits/accessibility/input-image-alt.js | failureTitle": { "message": "`<input type=\"image\">` 요소에 `[alt]` 텍스트가 없음" }, "core/audits/accessibility/input-image-alt.js | title": { "message": "`<input type=\"image\">` 요소에 `[alt]` 텍스트가 있음" }, "core/audits/accessibility/label.js | description": { "message": "라벨을 사용하면 스크린 리더와 같은 보조 기술에서 양식 컨트롤을 올바르게 읽을 수 있습니다. [양식 요소 라벨에 관해 자세히 알아보기](https://dequeuniversity.com/rules/axe/4.7/label)" }, "core/audits/accessibility/label.js | failureTitle": { "message": "양식 요소에 관련 라벨이 포함되어 있지 않습니다" }, "core/audits/accessibility/label.js | title": { "message": "양식 요소에 관련 라벨이 포함되어 있습니다" }, "core/audits/accessibility/link-name.js | description": { "message": "인식하기 쉽고, 고유하고, 초점을 맞추기 쉬운 링크 텍스트(및 이미지가 링크로 사용되는 경우 이미지의 대체 텍스트)를 사용하면 스크린 리더 사용자의 탐색 환경을 개선할 수 있습니다. [링크 접근성을 높이는 방법 알아보기](https://dequeuniversity.com/rules/axe/4.7/link-name)" }, "core/audits/accessibility/link-name.js | failureTitle": { "message": "링크에 인식 가능한 이름이 포함되어 있지 않습니다" }, "core/audits/accessibility/link-name.js | title": { "message": "링크에 인식 가능한 이름이 포함되어 있습니다" }, "core/audits/accessibility/list.js | description": { "message": "스크린 리더에는 목록을 읽는 특정 방식이 있습니다. 목록 구조를 적절히 작성하면 스크린 리더 출력에 도움이 됩니다. [적절한 목록 구조에 관해 자세히 알아보기](https://dequeuniversity.com/rules/axe/4.7/list)" }, "core/audits/accessibility/list.js | failureTitle": { "message": "목록에 `<li>` 요소와 스크립트 지원 요소(`<script>` 및 `<template>`)만 포함되지 않음" }, "core/audits/accessibility/list.js | title": { "message": "목록에 `<li>` 요소와 요소 지원 스크립트(`<script>` 및 `<template>`)만 포함됨" }, "core/audits/accessibility/listitem.js | description": { "message": "스크린 리더에서 목록 항목(`<li>`)을 올바르게 읽으려면 목록 항목이 상위 `<ul>`, `<ol>` 또는 `<menu>`에 포함되어 있어야 합니다. [적절한 목록 구조에 관해 자세히 알아보기](https://dequeuniversity.com/rules/axe/4.7/listitem)" }, "core/audits/accessibility/listitem.js | failureTitle": { "message": "목록 항목(`<li>`)이 `<ul>`, `<ol>` 또는 `<menu>` 상위 요소 내에 포함되지 않음" }, "core/audits/accessibility/listitem.js | title": { "message": "목록 항목(`<li>`)이 `<ul>`, `<ol>` 또는 `<menu>` 상위 요소 내에 포함되어 있음" }, "core/audits/accessibility/meta-refresh.js | description": { "message": "사용자는 페이지가 자동으로 새로고침된다고 예상하지 못하기 때문에 페이지가 자동으로 새로고침되면 초점이 다시 페이지 상단에 맞춰집니다. 이로 인해 불쾌하거나 혼란스러운 상황이 발생할 수 있습니다. [새로고침 메타 태그에 관해 자세히 알아보기](https://dequeuniversity.com/rules/axe/4.7/meta-refresh)" }, "core/audits/accessibility/meta-refresh.js | failureTitle": { "message": "문서에서 `<meta http-equiv=\"refresh\">` 사용됨" }, "core/audits/accessibility/meta-refresh.js | title": { "message": "문서에서 `<meta http-equiv=\"refresh\">`이(가) 사용되지 않음" }, "core/audits/accessibility/meta-viewport.js | description": { "message": "확대/축소를 사용 중지하면 저시력으로 인해 웹페이지의 콘텐츠를 제대로 확인하기 위해 화면 확대를 사용하는 사용자에게 문제가 될 수 있습니다. [viewport meta 태그에 관해 자세히 알아보기](https://dequeuniversity.com/rules/axe/4.7/meta-viewport)" }, "core/audits/accessibility/meta-viewport.js | failureTitle": { "message": "`[user-scalable=\"no\"]`이(가) `<meta name=\"viewport\">` 요소에서 사용되거나 `[maximum-scale]` 속성이 5보다 작음" }, "core/audits/accessibility/meta-viewport.js | title": { "message": "`[user-scalable=\"no\"]`은(는) `<meta name=\"viewport\">` 요소에 사용되지 않으며 `[maximum-scale]` 속성이 5보다 작지 않음" }, "core/audits/accessibility/object-alt.js | description": { "message": "스크린 리더는 텍스트가 아닌 콘텐츠를 번역할 수 없습니다. `<object>` 요소에 대체 텍스트를 추가하면 스크린 리더에서 사용자에게 텍스트의 의미를 전달하는 데 도움이 됩니다. [`object` 요소의 대체 텍스트에 관해 자세히 알아보기](https://dequeuniversity.com/rules/axe/4.7/object-alt)" }, "core/audits/accessibility/object-alt.js | failureTitle": { "message": "`<object>` 요소에 대체 텍스트가 없음" }, "core/audits/accessibility/object-alt.js | title": { "message": "`<object>` 요소에 대체 텍스트가 있음" }, "core/audits/accessibility/tabindex.js | description": { "message": "0보다 큰 값은 명시적인 탐색 순서를 나타냅니다. 기술적으로는 유효하나 보조 기술에 의존하는 사용자에게 불편한 환경이 생기는 경우가 많습니다. [`tabindex` 속성에 관해 자세히 알아보기](https://dequeuniversity.com/rules/axe/4.7/tabindex)" }, "core/audits/accessibility/tabindex.js | failureTitle": { "message": "일부 요소의 `[tabindex]` 값이 0보다 큼" }, "core/audits/accessibility/tabindex.js | title": { "message": "`[tabindex]` 값이 0보다 큰 요소가 없음" }, "core/audits/accessibility/td-headers-attr.js | description": { "message": "스크린 리더에는 표를 좀 더 쉽게 탐색하는 기능이 있습니다. `[headers]` 속성을 사용하는 `<td>` 셀이 동일한 표에 있는 다른 셀만 참조하게 하면 스크린 리더 사용자 환경을 개선할 수 있습니다. [`headers` 속성에 관해 자세히 알아보기](https://dequeuniversity.com/rules/axe/4.7/td-headers-attr)" }, "core/audits/accessibility/td-headers-attr.js | failureTitle": { "message": "`[headers]` 속성을 사용하는 `<table>` 요소의 셀은 동일한 테이블 내에 없는 요소 `id`만 참조합니다." }, "core/audits/accessibility/td-headers-attr.js | title": { "message": "`[headers]` 속성을 사용하는 `<table>` 요소의 셀이 동일한 테이블 내의 테이블 셀을 참조합니다." }, "core/audits/accessibility/th-has-data-cells.js | description": { "message": "스크린 리더에는 표를 좀 더 쉽게 탐색하는 기능이 있습니다. 표 헤더에서 항상 셀 세트 일부를 참조하게 하면 스크린 리더 사용자 환경이 개선될 수 있습니다. [표 헤더에 관해 자세히 알아보기](https://dequeuniversity.com/rules/axe/4.7/th-has-data-cells)" }, "core/audits/accessibility/th-has-data-cells.js | failureTitle": { "message": "`<th>` 요소와 `[role=\"columnheader\"/\"rowheader\"]` 지원 요소가 설명하는 데이터 셀이 해당 요소에 포함되지 않음" }, "core/audits/accessibility/th-has-data-cells.js | title": { "message": "`<th>` 요소와 `[role=\"columnheader\"/\"rowheader\"]` 지원 요소가 설명하는 데이터 셀이 해당 요소에 포함됨" }, "core/audits/accessibility/valid-lang.js | description": { "message": "요소에 유효한 [BCP 47 언어](https://www.w3.org/International/questions/qa-choosing-language-tags#question)를 지정하면 스크린 리더에서 텍스트를 올바르게 읽는 데 도움이 됩니다. [`lang` 속성을 사용하는 방법 알아보기](https://dequeuniversity.com/rules/axe/4.7/valid-lang)" }, "core/audits/accessibility/valid-lang.js | failureTitle": { "message": "`[lang]` 속성에 유효한 값이 없음" }, "core/audits/accessibility/valid-lang.js | title": { "message": "`[lang]` 속성에 유효한 값이 있음" }, "core/audits/accessibility/video-caption.js | description": { "message": "동영상에 자막이 제공되면 청각장애인이나 난청이 있는 사용자가 동영상의 정보에 더 쉽게 접근할 수 있습니다. [동영상 자막 자세히 알아보기](https://dequeuniversity.com/rules/axe/4.7/video-caption)" }, "core/audits/accessibility/video-caption.js | failureTitle": { "message": "`<video>` 요소에 `[kind=\"captions\"]` 지원 `<track>` 요소가 포함되지 않음" }, "core/audits/accessibility/video-caption.js | title": { "message": "`<video>` 요소에 `[kind=\"captions\"]` 지원 `<track>` 요소가 포함됨" }, "core/audits/autocomplete.js | columnCurrent": { "message": "현재 값" }, "core/audits/autocomplete.js | columnSuggestions": { "message": "추천 토큰" }, "core/audits/autocomplete.js | description": { "message": "`autocomplete`를 사용하면 사용자가 양식을 빨리 제출할 수 있습니다. 사용자가 더 쉽게 입력할 수 있도록 `autocomplete` 속성에 유효한 값을 지정하여 기능을 사용 설정하세요. [양식의 `autocomplete` 자세히 알아보기](https://developers.google.com/web/fundamentals/design-and-ux/input/forms#use_metadata_to_enable_auto-complete)" }, "core/audits/autocomplete.js | failureTitle": { "message": "`<input>` 요소에 올바른 `autocomplete` 속성이 없음" }, "core/audits/autocomplete.js | manualReview": { "message": "직접 검토가 필요함" }, "core/audits/autocomplete.js | reviewOrder": { "message": "토큰 순서 검토" }, "core/audits/autocomplete.js | title": { "message": "`<input>` 구성요소가 `autocomplete`를 올바르게 사용함" }, "core/audits/autocomplete.js | warningInvalid": { "message": "`autocomplete` 토큰: {snippet}에서 '{token}' 이름이 유효하지 않습니다." }, "core/audits/autocomplete.js | warningOrder": { "message": "{snippet}에서 '{tokens}' 토큰의 순서를 검토하세요." }, "core/audits/bf-cache.js | actionableFailureType": { "message": "조치 실행 가능" }, "core/audits/bf-cache.js | description": { "message": "대부분의 탐색은 이전 페이지로 이동하거나 다시 원래 페이지로 돌아오는 방식으로 이루어집니다. 뒤로-앞으로 캐시(bfcache)로 이러한 돌아가기 탐색의 속도를 높일 수 있습니다. [bfcache에 관해 자세히 알아보기](https://developer.chrome.com/docs/lighthouse/performance/bf-cache/)" }, "core/audits/bf-cache.js | displayValue": { "message": "{itemCount,plural, =1{실패 이유 1개}other{실패 이유 #개}}" }, "core/audits/bf-cache.js | failureReasonColumn": { "message": "실패 이유" }, "core/audits/bf-cache.js | failureTitle": { "message": "페이지에서 뒤로-앞으로 캐시 복원이 차단됨" }, "core/audits/bf-cache.js | failureTypeColumn": { "message": "실패 유형" }, "core/audits/bf-cache.js | notActionableFailureType": { "message": "조치를 취할 수 없음" }, "core/audits/bf-cache.js | supportPendingFailureType": { "message": "브라우저 지원 보류" }, "core/audits/bf-cache.js | title": { "message": "페이지에서 뒤로-앞으로 캐시 복원을 차단하지 않음" }, "core/audits/bootup-time.js | chromeExtensionsWarning": { "message": "Chrome 확장 프로그램이 이 페이지의 로드 성능에 부정적인 영향을 미쳤습니다. 시크릿 모드나 확장 프로그램이 없는 Chrome 프로필에서 페이지를 검사해 보세요." }, "core/audits/bootup-time.js | columnScriptEval": { "message": "스크립트 평가" }, "core/audits/bootup-time.js | columnScriptParse": { "message": "스크립트 파싱" }, "core/audits/bootup-time.js | columnTotal": { "message": "총 CPU 시간" }, "core/audits/bootup-time.js | description": { "message": "JS 파싱, 컴파일, 실행에 소요되는 시간을 줄여 보세요. 용량이 적은 JS 페이로드를 제공하면 도움이 될 수 있습니다. [자바스크립트 실행 시간을 줄이는 방법 알아보기](https://developer.chrome.com/docs/lighthouse/performance/bootup-time/)" }, "core/audits/bootup-time.js | failureTitle": { "message": "자바스크립트 실행 시간 단축" }, "core/audits/bootup-time.js | title": { "message": "자바스크립트 실행 시간" }, "core/audits/byte-efficiency/duplicated-javascript.js | description": { "message": "번들에서 큰 중복 자바스크립트 모듈을 삭제하여 네트워크 활동이 소비하는 불필요한 바이트 수를 줄입니다. " }, "core/audits/byte-efficiency/duplicated-javascript.js | title": { "message": "자바스크립트 번들에서 중복 모듈 삭제" }, "core/audits/byte-efficiency/efficient-animated-content.js | description": { "message": "대용량의 GIF는 애니메이션 콘텐츠를 전달하는 데 비효율적입니다. 애니메이션에는 MPEG4/WebM 동영상을, 정적인 이미지에는 GIF 대신 PNG/WebP를 사용하여 네트워크 용량을 절약하세요. [효율적인 동영상 형식에 관해 자세히 알아보기](https://developer.chrome.com/docs/lighthouse/performance/efficient-animated-content/)" }, "core/audits/byte-efficiency/efficient-animated-content.js | title": { "message": "애니메이션 콘텐츠에 동영상 형식 사용하기" }, "core/audits/byte-efficiency/legacy-javascript.js | description": { "message": "Polyfill 및 변환을 통해 레거시 브라우저에서 새로운 자바스크립트 기능을 사용할 수 있습니다. 하지만 최신 브라우저에서는 대부분 필요하지 않습니다. 번들로 포함된 자바스크립트의 경우, module/nomodule 기능 감지를 사용하는 최신 스크립트 배포 전략을 채택하여 최신 브라우저에 적용되는 코드를 줄이고 레거시 브라우저 지원을 유지할 수 있습니다. [최신 자바스크립트 사용 방법 알아보기](https://web.dev/publish-modern-javascript/)" }, "core/audits/byte-efficiency/legacy-javascript.js | title": { "message": "레거시 JavaScript를 최신 브라우저에 제공하지 않기" }, "core/audits/byte-efficiency/modern-image-formats.js | description": { "message": "WebP 및 AVIF와 같은 이미지 형식은 PNG나 JPEG보다 압축률이 높기 때문에 다운로드가 빠르고 데이터 소비량도 적습니다. [최신 이미지 형식에 관해 자세히 알아보기](https://developer.chrome.com/docs/lighthouse/performance/uses-webp-images/)" }, "core/audits/byte-efficiency/modern-image-formats.js | title": { "message": "차세대 형식을 사용해 이미지 제공하기" }, "core/audits/byte-efficiency/offscreen-images.js | description": { "message": "중요한 리소스의 로드가 모두 완료된 후에는 오프스크린 및 숨겨진 이미지를 지연 로드함으로써 상호작용 시작 시간을 줄이는 것이 좋습니다. [오프스크린 이미지 지연 방법 알아보기](https://developer.chrome.com/docs/lighthouse/performance/offscreen-images/)" }, "core/audits/byte-efficiency/offscreen-images.js | title": { "message": "오프스크린 이미지 지연하기" }, "core/audits/byte-efficiency/render-blocking-resources.js | description": { "message": "리소스가 페이지의 첫 페인트를 차단하고 있습니다. 중요한 JS/CSS를 인라인으로 전달하고 중요하지 않은 모든 JS/Style을 지연하는 것이 좋습니다. [렌더링 차단 리소스를 제거하는 방법 알아보기](https://developer.chrome.com/docs/lighthouse/performance/render-blocking-resources/)" }, "core/audits/byte-efficiency/render-blocking-resources.js | title": { "message": "렌더링 차단 리소스 제거하기" }, "core/audits/byte-efficiency/total-byte-weight.js | description": { "message": "네트워크 페이로드가 커지면 사용자에게 실제 비용 부담이 되며 로드 시간이 길어질 수 있습니다. [페이로드 크기를 줄이는 방법 알아보기](https://developer.chrome.com/docs/lighthouse/performance/total-byte-weight/)" }, "core/audits/byte-efficiency/total-byte-weight.js | displayValue": { "message": "총 크기: {totalBytes, number, bytes}KiB" }, "core/audits/byte-efficiency/total-byte-weight.js | failureTitle": { "message": "네트워크 페이로드가 커지지 않도록 관리하기" }, "core/audits/byte-efficiency/total-byte-weight.js | title": { "message": "대규모 네트워크 페이로드 방지하기" }, "core/audits/byte-efficiency/unminified-css.js | description": { "message": "CSS 파일을 축소하면 네트워크 페이로드 크기를 줄일 수 있습니다. [CSS를 축소하는 방법 알아보기](https://developer.chrome.com/docs/lighthouse/performance/unminified-css/)" }, "core/audits/byte-efficiency/unminified-css.js | title": { "message": "CSS 축소하기" }, "core/audits/byte-efficiency/unminified-javascript.js | description": { "message": "자바스크립트 파일을 축소하면 페이로드 크기와 스크립트 파싱 시간을 줄일 수 있습니다. [자바스크립트를 축소하는 방법 알아보기](https://developer.chrome.com/docs/lighthouse/performance/unminified-javascript/)" }, "core/audits/byte-efficiency/unminified-javascript.js | title": { "message": "자바스크립트 줄이기" }, "core/audits/byte-efficiency/unused-css-rules.js | description": { "message": "스타일시트에서 사용되지 않는 규칙을 줄이고 스크롤 없이 볼 수 있는 콘텐츠의 경우 사용되지 않는 CSS의 로딩을 지연시켜 네트워크 활동에 소비되는 용량을 줄이세요. [사용되지 않는 CSS를 줄이는 방법 알아보기](https://developer.chrome.com/docs/lighthouse/performance/unused-css-rules/)" }, "core/audits/byte-efficiency/unused-css-rules.js | title": { "message": "사용하지 않는 CSS 줄이기" }, "core/audits/byte-efficiency/unused-javascript.js | description": { "message": "사용되지 않는 자바스크립트를 줄이고 스크립트가 필요할 때까지 로딩을 지연시켜 네트워크 활동에 소비되는 용량을 줄이세요. [사용되지 않는 자바스크립트를 줄이는 방법 알아보기](https://developer.chrome.com/docs/lighthouse/performance/unused-javascript/)" }, "core/audits/byte-efficiency/unused-javascript.js | title": { "message": "사용하지 않는 자바스크립트 줄이기" }, "core/audits/byte-efficiency/uses-long-cache-ttl.js | description": { "message": "캐시 수명이 길면 페이지를 반복해서 방문하는 속도가 빨라질 수 있습니다. [효율적인 캐시 정책에 관해 자세히 알아보기](https://developer.chrome.com/docs/lighthouse/performance/uses-long-cache-ttl/)" }, "core/audits/byte-efficiency/uses-long-cache-ttl.js | displayValue": { "message": "{itemCount,plural, =1{리소스 1개 발견됨}other{리소스 #개 발견됨}}" }, "core/audits/byte-efficiency/uses-long-cache-ttl.js | failureTitle": { "message": "효율적인 캐시 정책을 사용하여 정적인 애셋 제공하기" }, "core/audits/byte-efficiency/uses-long-cache-ttl.js | title": { "message": "정적인 애셋에 효율적인 캐시 정책 사용하기" }, "core/audits/byte-efficiency/uses-optimized-images.js | description": { "message": "최적화된 이미지는 빠르게 로드되며 모바일 데이터를 적게 소비합니다. [효율적으로 이미지를 인코딩하는 방법 알아보기](https://developer.chrome.com/docs/lighthouse/performance/uses-optimized-images/)" }, "core/audits/byte-efficiency/uses-optimized-images.js | title": { "message": "효율적으로 이미지 인코딩하기" }, "core/audits/byte-efficiency/uses-responsive-images-snapshot.js | columnActualDimensions": { "message": "실제 크기" }, "core/audits/byte-efficiency/uses-responsive-images-snapshot.js | columnDisplayedDimensions": { "message": "표시된 크기" }, "core/audits/byte-efficiency/uses-responsive-images-snapshot.js | failureTitle": { "message": "이미지가 표시된 크기보다 큽니다" }, "core/audits/byte-efficiency/uses-responsive-images-snapshot.js | title": { "message": "이미지가 표시된 크기에 적합합니다" }, "core/audits/byte-efficiency/uses-responsive-images.js | description": { "message": "적절한 크기의 이미지를 게재하여 모바일 데이터를 절약하고 로드 시간을 단축하세요. [이미지 크기를 조정하는 방법 알아보기](https://developer.chrome.com/docs/lighthouse/performance/uses-responsive-images/)" }, "core/audits/byte-efficiency/uses-responsive-images.js | title": { "message": "이미지 크기 적절하게 설정하기" }, "core/audits/byte-efficiency/uses-text-compression.js | description": { "message": "네트워크 사용 총량을 최소화하려면 텍스트 기반 리소스를 압축(gzip, deflate, brotli)하여 제공해야 합니다. [텍스트 압축 자세히 알아보기](https://developer.chrome.com/docs/lighthouse/performance/uses-text-compression/)" }, "core/audits/byte-efficiency/uses-text-compression.js | title": { "message": "텍스트 압축 사용" }, "core/audits/content-width.js | description": { "message": "앱 콘텐츠의 너비가 표시 영역의 너비와 일치하지 않을 경우 앱이 휴대기기 화면에 최적화되지 않을 수 있습니다. [표시 영역에 맞게 콘텐츠 크기를 조절하는 방법 알아보기](https://developer.chrome.com/docs/lighthouse/pwa/content-width/)" }, "core/audits/content-width.js | explanation": { "message": "{innerWidth}px의 표시 영역 크기는 {outerWidth}px인 창 크기와 일치하지 않습니다." }, "core/audits/content-width.js | failureTitle": { "message": "콘텐츠의 크기가 표시 영역에 알맞지 않음" }, "core/audits/content-width.js | title": { "message": "콘텐츠의 크기가 표시 영역에 알맞음" }, "core/audits/critical-request-chains.js | description": { "message": "다음의 크리티컬 요청 체인은 로드 시 우선순위가 높은 리소스를 보여줍니다. 체인의 길이를 줄이고, 리소스의 다운로드 크기를 줄이거나 불필요한 리소스의 다운로드를 지연하여 페이지 로드 속도를 높이는 것이 좋습니다. [크리티컬 요청 체이닝을 방지하는 방법 알아보기](https://developer.chrome.com/docs/lighthouse/performance/critical-request-chains/)" }, "core/audits/critical-request-chains.js | displayValue": { "message": "{itemCount,plural, =1{1개 체인 발견됨}other{#개 체인 발견됨}}" }, "core/audits/critical-request-chains.js | title": { "message": "중요 요청 체이닝 차단" }, "core/audits/csp-xss.js | columnDirective": { "message": "명령어" }, "core/audits/csp-xss.js | columnSeverity": { "message": "심각도" }, "core/audits/csp-xss.js | description": { "message": "강력한 콘텐츠 보안 정책(CSP)을 사용하면 교차 사이트 스크립팅(XSS) 공격을 받을 위험이 크게 줄어듭니다. [CSP를 사용하여 XSS를 방지하는 방법 알아보기](https://developer.chrome.com/docs/lighthouse/best-practices/csp-xss/)" }, "core/audits/csp-xss.js | itemSeveritySyntax": { "message": "구문" }, "core/audits/csp-xss.js | metaTagMessage": { "message": "페이지에 <meta> 태그에서 정의된 CSP가 포함되어 있습니다. CSP를 HTTP 헤더로 이동하거나 HTTP 헤더에서 다른 엄격한 CSP를 정의하는 것이 좋습니다." }, "core/audits/csp-xss.js | noCsp": { "message": "시행 모드에 CSP가 없습니다." }, "core/audits/csp-xss.js | title": { "message": "CSP가 XSS 공격에 효과적인지 확인" }, "core/audits/deprecations.js | columnDeprecate": { "message": "지원 중단/경고" }, "core/audits/deprecations.js | columnLine": { "message": "행" }, "core/audits/deprecations.js | description": { "message": "이후에 지원 중단된 API는 브라우저에서 삭제됩니다. [지원 중단된 API에 관해 자세히 알아보기](https://developer.chrome.com/docs/lighthouse/best-practices/deprecations/)" }, "core/audits/deprecations.js | displayValue": { "message": "{itemCount,plural, =1{경고 1개가 발견됨}other{경고 #개가 발견됨}}" }, "core/audits/deprecations.js | failureTitle": { "message": "지원 중단된 API 사용" }, "core/audits/deprecations.js | title": { "message": "지원 중단 API 사용하지 않기" }, "core/audits/dobetterweb/charset.js | description": { "message": "문자 인코딩 선언이 필요합니다. HTML의 첫 1,024바이트 또는 Content-Type HTTP 응답 헤더에서 `<meta>` 태그를 사용하여 선언할 수 있습니다. [문자 인코딩 선언에 관해 자세히 알아보기](https://developer.chrome.com/docs/lighthouse/best-practices/charset/)" }, "core/audits/dobetterweb/charset.js | failureTitle": { "message": "문자 집합 선언이 없거나 HTML에서 너무 뒤에 있음" }, "core/audits/dobetterweb/charset.js | title": { "message": "문자 집합을 제대로 정의함" }, "core/audits/dobetterweb/doctype.js | description": { "message": "doctype을 지정하면 브라우저가 쿼크 모드로 전환할 수 없습니다. [doctype 선언 자세히 알아보기](https://developer.chrome.com/docs/lighthouse/best-practices/doctype/)" }, "core/audits/dobetterweb/doctype.js | explanationBadDoctype": { "message": "DOCTYPE 이름은 문자열 `html`이어야 합니다." }, "core/audits/dobetterweb/doctype.js | explanationLimitedQuirks": { "message": "문서에 `limited-quirks-mode`를 트리거하는 `doctype`이(가) 포함되어 있습니다." }, "core/audits/dobetterweb/doctype.js | explanationNoDoctype": { "message": "문서에는 Doctype이 포함되어 있어야 합니다." }, "core/audits/dobetterweb/doctype.js | explanationPublicId": { "message": "publicId가 빈 문자열일 것으로 예상됨" }, "core/audits/dobetterweb/doctype.js | explanationSystemId": { "message": "systemId가 빈 문자열일 것으로 예상됨" }, "core/audits/dobetterweb/doctype.js | explanationWrongDoctype": { "message": "문서에 `quirks-mode`를 트리거하는 `doctype`이(가) 포함되어 있습니다." }, "core/audits/dobetterweb/doctype.js | failureTitle": { "message": "페이지에 HTML Doctype이 없으므로 쿼크 모드가 트리거됨" }, "core/audits/dobetterweb/doctype.js | title": { "message": "페이지에 HTML Doctype 있음" }, "core/audits/dobetterweb/dom-size.js | columnStatistic": { "message": "통계" }, "core/audits/dobetterweb/dom-size.js | columnValue": { "message": "값" }, "core/audits/dobetterweb/dom-size.js | description": { "message": "DOM이 크면 메모리 사용량이 늘어나고 [스타일 계산](https://developers.google.com/web/fundamentals/performance/rendering/reduce-the-scope-and-complexity-of-style-calculations) 시간이 길어질 수 있으며 큰 비용이 드는 [레이아웃 리플로우](https://developers.google.com/speed/articles/reflow)가 발생할 수 있습니다. [과도한 DOM 크기를 방지하는 방법 알아보기](https://developer.chrome.com/docs/lighthouse/performance/dom-size/)" }, "core/audits/dobetterweb/dom-size.js | displayValue": { "message": "{itemCount,plural, =1{요소 1개}other{요소 #개}}" }, "core/audits/dobetterweb/dom-size.js | failureTitle": { "message": "과도한 DOM 크기 지양하기" }, "core/audits/dobetterweb/dom-size.js | statisticDOMDepth": { "message": "최대 DOM 깊이" }, "core/audits/dobetterweb/dom-size.js | statisticDOMElements": { "message": "총 DOM 요소 개수" }, "core/audits/dobetterweb/dom-size.js | statisticDOMWidth": { "message": "최대 하위 요소" }, "core/audits/dobetterweb/dom-size.js | title": { "message": "과도한 DOM 크기 지양하기" }, "core/audits/dobetterweb/geolocation-on-start.js | description": { "message": "사용자가 컨텍스트 없이 위치 정보를 요청한 사이트를 신뢰할 수 없거나 이로 인해 혼란스러운 상태입니다. 대신 사용자 작업 요청 입력을 고려해 보세요. [위치정보 권한에 관해 자세히 알아보기](https://developer.chrome.com/docs/lighthouse/best-practices/geolocation-on-start/)" }, "core/audits/dobetterweb/geolocation-on-start.js | failureTitle": { "message": "페이지 로드 시 위치정보 권한 요청" }, "core/audits/dobetterweb/geolocation-on-start.js | title": { "message": "페이지 로드 시 위치정보 권한 요청 방지하기" }, "core/audits/dobetterweb/inspector-issues.js | columnIssueType": { "message": "문제 유형" }, "core/audits/dobetterweb/inspector-issues.js | description": { "message": "Chrome Devtools의 `Issues` 패널에 로그된 문제는 아직 해결되지 않은 문제들입니다. 이러한 문제는 네트워크 요청 실패, 충분하지 않은 보안 제어를 비롯한 기타 브라우저 문제로 인해 발생할 수 있습니다. 각 문제에 관한 자세한 내용은 Chrome DevTools의 문제 패널에서 확인하세요." }, "core/audits/dobetterweb/inspector-issues.js | failureTitle": { "message": "문제가 Chrome Devtools의 `Issues` 패널에 로그됨" }, "core/audits/dobetterweb/inspector-issues.js | issueTypeBlockedByResponse": { "message": "교차 도메인 정책에 의해 차단됨" }, "core/audits/dobetterweb/inspector-issues.js | issueTypeHeavyAds": { "message": "광고에서 과도한 리소스 사용" }, "core/audits/dobetterweb/inspector-issues.js | title": { "message": "Chrome Devtools의 `Issues` 패널에 문제 없음" }, "core/audits/dobetterweb/js-libraries.js | columnVersion": { "message": "버전" }, "core/audits/dobetterweb/js-libraries.js | description": { "message": "페이지에서 감지된 모든 프런트엔드 자바스크립트 라이브러리입니다. [자바스크립트 라이브러리 감지 진단 감사에 관해 자세히 알아보기](https://developer.chrome.com/docs/lighthouse/best-practices/js-libraries/)" }, "core/audits/dobetterweb/js-libraries.js | title": { "message": "감지된 JavaScript 라이브러리" }, "core/audits/dobetterweb/no-document-write.js | description": { "message": "연결이 느린 사용자의 경우 `document.write()`에서 동적으로 삽입된 외부 스크립트로 인해 페이지 로드가 몇십 초까지 지연될 수 있습니다. [document.write()를 방지하는 방법 알아보기](https://developer.chrome.com/docs/lighthouse/best-practices/no-document-write/)" }, "core/audits/dobetterweb/no-document-write.js | failureTitle": { "message": "`document.write()` 피하기" }, "core/audits/dobetterweb/no-document-write.js | title": { "message": "`document.write()` 지양하기" }, "core/audits/dobetterweb/notification-on-start.js | description": { "message": "사용자가 컨텍스트 없이 알림 전송을 요청한 사이트를 신뢰할 수 없거나 이로 인해 혼란스러운 상태입니다. 대신 사용자 동작에 대한 요청 입력을 고려해 보세요. [책임감 있는 방식으로 알림 권한을 받는 방법 자세히 알아보기](https://developer.chrome.com/docs/lighthouse/best-practices/notification-on-start/)" }, "core/audits/dobetterweb/notification-on-start.js | failureTitle": { "message": "페이지 로드 시 알림 권한 요청" }, "core/audits/dobetterweb/notification-on-start.js | title": { "message": "페이지 로드 시 알림 권한 요청 방지하기" }, "core/audits/dobetterweb/paste-preventing-inputs.js | description": { "message": "입력 붙여넣기를 방지하는 것은 UX에 좋지 않은 관행이며, 비밀번호 관리자를 차단하여 보안을 약화시킵니다. [사용자 친화적인 입력란에 관해 자세히 알아보세요](https://developer.chrome.com/docs/lighthouse/best-practices/paste-preventing-inputs/)." }, "core/audits/dobetterweb/paste-preventing-inputs.js | failureTitle": { "message": "사용자가 입력란에 붙여넣지 못하도록 차단" }, "core/audits/dobetterweb/paste-preventing-inputs.js | title": { "message": "사용자가 입력란에 붙여넣을 수 있도록 허용" }, "core/audits/dobetterweb/uses-http2.js | columnProtocol": { "message": "프로토콜" }, "core/audits/dobetterweb/uses-http2.js | description": { "message": "HTTP/2는 HTTP/1.1에 비해 바이너리 헤더, 멀티플렉싱 등의 다양한 이점을 제공합니다. [HTTP/2에 관해 자세히 알아보기](https://developer.chrome.com/docs/lighthouse/best-practices/uses-http2/)" }, "core/audits/dobetterweb/uses-http2.js | displayValue": { "message": "{itemCount,plural, =1{HTTP/2를 통해 게재되지 않는 요청 1건}other{HTTP/2를 통해 게재되지 않는 요청 #건}}" }, "core/audits/dobetterweb/uses-http2.js | title": { "message": "HTTP/2를 사용하세요" }, "core/audits/dobetterweb/uses-passive-event-listeners.js | description": { "message": "터치 및 휠 이벤트 리스너를 `passive`로 표시하면 페이지 스크롤 성능을 개선할 수 있습니다. [패시브 이벤트 리스너 채택에 관해 자세히 알아보기](https://developer.chrome.com/docs/lighthouse/best-practices/uses-passive-event-listeners/)" }, "core/audits/dobetterweb/uses-passive-event-listeners.js | failureTitle": { "message": "스크롤 성능 개선에 패시브 리스너를 사용하지 않음" }, "core/audits/dobetterweb/uses-passive-event-listeners.js | title": { "message": "스크롤 성능 개선에 패시브 리스너 사용" }, "core/audits/errors-in-console.js | description": { "message": "콘솔에 로그된 오류는 해결되지 않은 문제를 의미합니다. 네트워크 요청 실패를 비롯한 기타 브라우저 문제로 인해 발생할 수 있습니다. [콘솔 진단 감사에서 이 오류에 관해 자세히 알아보기](https://developer.chrome.com/docs/lighthouse/best-practices/errors-in-console/)" }, "core/audits/errors-in-console.js | failureTitle": { "message": "브라우저 오류가 콘솔에 로그됨" }, "core/audits/errors-in-console.js | title": { "message": "콘솔에 로그된 브라우저 오류 없음" }, "core/audits/font-display.js | description": { "message": "`font-display` CSS 기능을 활용하면 웹폰트를 로드하는 동안 사용자가 텍스트를 볼 수 있습니다. [`font-display`에 관해 자세히 알아보기](https://developer.chrome.com/docs/lighthouse/performance/font-display/)" }, "core/audits/font-display.js | failureTitle": { "message": "웹폰트가 로드되는 동안 텍스트가 계속 표시되는지 확인하기" }, "core/audits/font-display.js | title": { "message": "웹폰트가 로드되는 동안 모든 텍스트가 계속 표시됩니다" }, "core/audits/font-display.js | undeclaredFontOriginWarning": { "message": "{fontCountForOrigin,plural, =1{Lighthouse에서 원본 {fontOrigin}의 `font-display` 값을 자동으로 확인할 수 없습니다.}other{Lighthouse에서 원본 {fontOrigin}의 `font-display` 값을 자동으로 확인할 수 없습니다.}}" }, "core/audits/image-aspect-ratio.js | columnActual": { "message": "가로세로 비율(실제)" }, "core/audits/image-aspect-ratio.js | columnDisplayed": { "message": "가로세로 비율(표시됨)" }, "core/audits/image-aspect-ratio.js | description": { "message": "이미지 표시 측정기준은 원래 가로세로 비율과 일치해야 합니다. [이미지 가로세로 비율에 관해 자세히 알아보기](https://developer.chrome.com/docs/lighthouse/best-practices/image-aspect-ratio/)" }, "core/audits/image-aspect-ratio.js | failureTitle": { "message": "이미지를 올바르지 않은 가로세로 비율로 표시" }, "core/audits/image-aspect-ratio.js | title": { "message": "이미지를 올바른 가로세로 비율로 표시" }, "core/audits/image-size-responsive.js | columnActual": { "message": "실제 크기" }, "core/audits/image-size-responsive.js | columnDisplayed": { "message": "표시된 크기" }, "core/audits/image-size-responsive.js | columnExpected": { "message": "예상 크기" }, "core/audits/image-size-responsive.js | description": { "message": "이미지의 본래 크기가 표시 크기와 픽셀 비율에 비례해야 이미지가 가장 선명하게 보입니다. [반응형 이미지를 제공하는 방법 알아보기](https://web.dev/serve-responsive-images/)" }, "core/audits/image-size-responsive.js | failureTitle": { "message": "이미지가 낮은 해상도로 제공됨" }, "core/audits/image-size-responsive.js | title": { "message": "이미지가 적절한 해상도로 제공됨" }, "core/audits/installable-manifest.js | already-installed": { "message": "앱이 이미 설치되어 있습니다." }, "core/audits/installable-manifest.js | cannot-download-icon": { "message": "매니페스트에서 필요한 아이콘을 다운로드할 수 없음" }, "core/audits/installable-manifest.js | columnValue": { "message": "실패 이유" }, "core/audits/installable-manifest.js | description": { "message": "서비스 워커는 앱에서 오프라인, 홈 화면에 추가, 푸시 알림 등 다양한 프로그레시브 웹 앱 기능을 사용할 수 있도록 하는 기술입니다. 적절한 서비스 워커와 매니페스트를 구현할 경우 브라우저는 사용자에게 홈 화면에 앱을 추가하라는 메시지를 사전에 표시할 수 있으며 이렇게 하면 참여도가 높아질 수 있습니다. [매니페스트 설치 가능 요건에 관해 자세히 알아보기](https://developer.chrome.com/docs/lighthouse/pwa/installable-manifest/)" }, "core/audits/installable-manifest.js | displayValue": { "message": "{itemCount,plural, =1{이유: 1개}other{이유: #개}}" }, "core/audits/installable-manifest.js | failureTitle": { "message": "웹 앱 매니페스트 또는 서비스 워커가 설치 가능 요건을 충족하지 않음" }, "core/audits/installable-manifest.js | ids-do-not-match": { "message": "Play 스토어 앱 URL 및 Play 스토어 ID가 일치하지 않습니다." }, "core/audits/installable-manifest.js | in-incognito": { "message": "페이지가 시크릿 창에 로드되었습니다." }, "core/audits/installable-manifest.js | manifest-display-not-supported": { "message": "매니페스트 'display' 속성은 'standalone', 'fullscreen', 'minimal-ui' 중 하나여야 합니다." }, "core/audits/installable-manifest.js | manifest-display-override-not-supported": { "message": "매니페스트에 'display_override' 입력란이 포함되어 있으며 첫 번째 지원되는 디스플레이 모드는 'standalone', 'fullscreen', 'minimal-ui' 중 하나여야 합니다." }, "core/audits/installable-manifest.js | manifest-empty": { "message": "매니페스트를 가져올 수 없거나 비어있거나 파싱할 수 없습니다." }, "core/audits/installable-manifest.js | manifest-location-changed": { "message": "매니페스트를 가져오는 중에 매니페스트 URL이 변경되었습니다." }, "core/audits/installable-manifest.js | manifest-missing-name-or-short-name": { "message": "매니페스트에 'name' 또는 'short_name' 필드가 포함되어 있지 않습니다." }, "core/audits/installable-manifest.js | manifest-missing-suitable-icon": { "message": "매니페스트에 적절한 아이콘이 포함되어 있지 않습니다. 아이콘은 최소 {value0}px 크기의 PNG, SVG 또는 WebP 형식으로 sizes 속성이 설정되어야 하며 purpose 속성이 설정된 경우 'any'를 포함해야 합니다." }, "core/audits/installable-manifest.js | no-acceptable-icon": { "message": "제공된 아이콘 중 최소 {value0}px인 PNG, SVG, WebP 형식의 정사각형이며, purpose 속성이 설정되어 있지 않거나 'any'로 설정되어 있는 아이콘이 없습니다." }, "core/audits/installable-manifest.js | no-icon-available": { "message": "다운로드된 아이콘이 비어 있거나 손상됨" }, "core/audits/installable-manifest.js | no-id-specified": { "message": "제공된 Play 스토어 ID 없음" }, "core/audits/installable-manifest.js | no-manifest": { "message": "페이지에 매니페스트 <link> URL이 없습니다." }, "core/audits/installable-manifest.js | no-matching-service-worker": { "message": "일치하는 서비스 워커가 감지되지 않았습니다. 페이지를 새로고침하거나 현재 페이지에 관한 서비스 워커의 범위가 범위와 매니페스트의 시작 URL을 포괄하는지 확인하세요." }, "core/audits/installable-manifest.js | no-url-for-service-worker": { "message": "매니페스트에 'start_url' 필드가 없는 서비스 워크를 확인할 수 없습니다." }, "core/audits/installable-manifest.js | noErrorId": { "message": "설치 가능 오류 ID ‘{errorId}’을(를) 인식할 수 없습니다." }, "core/audits/installable-manifest.js | not-from-secure-origin": { "message": "페이지가 보안이 설정된 출처에서 제공되지 않았습니다." }, "core/audits/installable-manifest.js | not-in-main-frame": { "message": "메인 프레임에 페이지가 로드되지 않았습니다." }, "core/audits/installable-manifest.js | not-offline-capable": { "message": "페이지가 오프라인에서 작동하지 않습니다." }, "core/audits/installable-manifest.js | pipeline-restarted": { "message": "PWA가 제거되었으며 설치 가능 여부 확인이 재설정되었습니다." }, "core/audits/installable-manifest.js | platform-not-supported-on-android": { "message": "지정된 애플리케이션 플랫폼이 Android에서 지원되지 않습니다." }, "core/audits/installable-manifest.js | prefer-related-applications": { "message": "매니페스트에서 다음과 같이 지정합니다. prefer_related_applications: true" }, "core/audits/installable-manifest.js | prefer-related-applications-only-beta-stable": { "message": "prefer_related_applications는 Android의 Chrome 베타 및 공개 버전 채널에서만 지원됩니다." }, "core/audits/installable-manifest.js | protocol-timeout": { "message": "Lighthouse에서 서비스 워커의 유무를 판단할 수 없습니다. 최신 버전의 Chrome을 사용해 시도해 보세요." }, "core/audits/installable-manifest.js | scheme-not-supported-for-webapk": { "message": "Android에서 지원되지 않는 매니페스트 URL 스키마({scheme})입니다." }, "core/audits/installable-manifest.js | start-url-not-valid": { "message": "잘못된 매니페스트 시작 URL입니다." }, "core/audits/installable-manifest.js | title": { "message": "웹 앱 매니페스트 및 서비스 워커가 설치 가능 요건을 충족함" }, "core/audits/installable-manifest.js | url-not-supported-for-webapk": { "message": "매니페스트의 URL에 사용자 이름, 비밀번호 또는 포트가 포함되어 있습니다." }, "core/audits/installable-manifest.js | warn-not-offline-capable": { "message": "페이지가 오프라인에서 작동하지 않습니다. Chrome 93 안정화 버전이 2021년 8월 출시된 이후에는 이 페이지가 설치 가능한 것으로 간주되지 않을 것입니다." }, "core/audits/is-on-https.js | allowed": { "message": "허용됨" }, "core/audits/is-on-https.js | blocked": { "message": "차단됨" }, "core/audits/is-on-https.js | columnInsecureURL": { "message": "안전하지 않은 URL" }, "core/audits/is-on-https.js | columnResolution": { "message": "해결 요청" }, "core/audits/is-on-https.js | description": { "message": "민감한 정보를 다루지 않는 사이트를 비롯해 모든 사이트는 HTTPS로 보호해야 합니다. 또한 [혼합 콘텐츠](https://developers.google.com/web/fundamentals/security/prevent-mixed-content/what-is-mixed-content)도 피해야 합니다. 혼합 콘텐츠에서는 초기 요청은 HTTPS로 전송되지만 일부 리소스가 HTTP를 통해 로드됩니다. HTTPS는 침입자가 앱과 사용자 사이의 통신을 조작하거나 통신에 대해 패시브 리스너를 사용하지 못하도록 방지하며 HTTP/2와 여러 신규 웹 플랫폼 API의 필수 요건이기도 합니다. [HTTPS에 관해 자세히 알아보기](https://developer.chrome.com/docs/lighthouse/pwa/is-on-https/)" }, "core/audits/is-on-https.js | displayValue": { "message": "{itemCount,plural, =1{안전하지 않은 요청 1건 검색됨}other{안전하지 않은 요청 #건 검색됨}}" }, "core/audits/is-on-https.js | failureTitle": { "message": "HTTPS 사용하지 않음" }, "core/audits/is-on-https.js | title": { "message": "HTTPS 사용" }, "core/audits/is-on-https.js | upgraded": { "message": "HTTPS로 자동 업그레이드됨" }, "core/audits/is-on-https.js | warning": { "message": "허용됨(경고 포함)" }, "core/audits/largest-contentful-paint-element.js | columnPercentOfLCP": { "message": "% of LCP" }, "core/audits/largest-contentful-paint-element.js | columnPhase": { "message": "Phase" }, "core/audits/largest-contentful-paint-element.js | columnTiming": { "message": "Timing" }, "core/audits/largest-conte