액세스할 수 있는 색상 표준 - 브라우저에서 디자인
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
Google의 호스트인 Una Kravets와 함께 브라우저에서 디자인하기에 오신 것을 환영합니다. 오늘은 색상 대비에 관해 알아보겠습니다. 또한 A, AA 및 AAA 적합성 수준이 무엇을 의미하는지, 사이트가 어떻게 접근성 규정을 적절하게 준수하는지 확인할 수 있는지 살펴보겠습니다. 애플리케이션과 디자인 시스템에 적합한 선택을 하기 위해 Chrome 개발자 도구를 사용하는 방법과 'prefers-color-scheme'과 같은 미디어 쿼리를 사용하는 방법을 살펴보겠습니다.
링크:
- 적합성 수준 이해하기 → https://goo.gle/352mg5n
- 색 구성표 데모 선호 → https://goo.gle/3gY4HGa
- Tooling.report → https://goo.gle/3eDuvad
브라우저에서 디자인하기 → https://goo.gle/2NeLxjI
Chrome 개발자 구독 → https://goo.gle/ChromeDevs
arrow_back 모든 에피소드로 돌아가기
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2020-09-08(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"]],["최종 업데이트: 2020-09-08(UTC)"],[],[]]