확장 프로그램의 접근성 향상
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
많은 사용자에게 접근성은 말 그대로 사용자 인터페이스이며, 이 기능의 기능은 확장 프로그램과 상호작용하는 기본 수단으로 접근성이 필요하지 않은 사용자에게 유용할 수 있습니다. 기법은 다양합니다. 적어도 텍스트는 고대비여야 합니다. 동영상에는 자막이 있어야 합니다. 이미지에는 alt
속성이 포함되어야 합니다.
그러나 언급했듯이 이는 최솟값에 불과합니다. 추가 기법은 다음에 설명되어 있습니다.
접근성을 구현하는 몇 가지 방법이 있지만 가장 쉬운 방법은 표준 HTML 컨트롤, 특히 입력 요소를 사용하는 것입니다. 다음 이미지는 이러한 컨트롤을 보여줍니다.
<ph type="x-smartling-placeholder">
</ph>
버튼, 체크박스, 라디오, 텍스트, 선택/옵션, 링크의 스크린샷 및 코드
다른 요소에 액세스 가능하게 하려면 ARIA 속성을 사용하세요. 이러한 속성은 웹페이지에 있는 컨트롤의 기능과 현재 상태에 대한 정보를 스크린 리더에 제공합니다. 예를 들면 다음과 같습니다.
<div role="toolbar" tabindex="0" aria-activedescendant="button1">
<img src="buttoncut.png" role="button" alt="cut" id="button1">
<img src="buttoncopy.png" role="button" alt="copy" id="button2">
<img src="buttonpaste.png" role="button" alt="paste" id="button3">
</div>
기본적으로 HTML DOM에서 키보드 포커스를 받을 수 있는 요소는 앵커, 버튼 및 양식 컨트롤뿐입니다. 다행히 HTML 요소에 tabIndex
속성을 설정하면 키보드 포커스를 받을 수 있습니다. 예를 들면 다음과 같습니다.
<div tabindex="0">I can receive focus with the tab key.</div>
이러한 기법 등을 구현하는 방법은 지원 접근성 을 참고하세요.
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스 에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스 에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책 을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2024-02-29(UTC)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"필요한 정보가 없음"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"너무 복잡함/단계 수가 너무 많음"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"오래됨"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"번역 문제"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"샘플/코드 문제"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"기타"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"이해하기 쉬움"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"문제가 해결됨"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"기타"
}]
{"lastModified": "\ucd5c\uc885 \uc5c5\ub370\uc774\ud2b8: 2024-02-29(UTC)"}
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2024-02-29(UTC)"],[],[]]