색상 대비 분석기 Chrome OffiDocs와 함께

기술

버전 1.1의 새로운 기능: 이미지 분석을 PNG 파일로 다운로드합니다.

이 확장을 사용하면 WCAG 2 텍스트 색상 대비 요구 사항에 따라 웹 페이지의 텍스트 색상 대비 문제를 분석할 수 있습니다.

브라우저에 표시되는 대로 페이지를 평가하므로 그래디언트 및 고급 CSS 속성에서 텍스트를 처리할 수 있습니다.

웹 페이지의 일부, 탭의 전체 표시 콘텐츠 또는 전체 웹 페이지를 분석하도록 선택할 수 있습니다.

또한 이미지 파일 및 PDF 파일과 같이 Chrome에서 열 수 있는 컴퓨터의 파일을 평가할 수 있습니다.

PDF 파일을 사용하면 페이지의 보이는 부분만 평가할 수 있습니다.

로컬 파일을 분석하려면 확장 프로그램 페이지로 이동하여 이 확장 프로그램에 대한 "파일 URL에 대한 액세스 허용"을 선택해야 합니다.

분석하려는 텍스트의 크기를 지정하는 것과 함께 AA 또는 AAA 적합성을 평가하도록 선택할 수 있습니다.

출력은 색상 사이의 가장자리가 지정된 대비 요구 사항을 충족할 만큼 충분히 다른 맵을 보여줍니다.

기본 페이지에 출력 마스크에 윤곽선이 표시되지 않은 항목이 있는 경우 선택한 일치 수준에 따라 해당 항목의 색상 대비가 충분하지 않습니다.

결과 이미지 분석은 컴퓨터에 PNG 파일로 다운로드할 수 있습니다.

그래디언트를 더 잘 처리하기 위해 인접한 픽셀을 분석하는 데 사용해야 하는 픽셀 반경을 선택할 수도 있습니다.

픽셀 반경이 클수록 대비가 충분히 높은 테두리를 더 멀리 찾습니다.

그러나 더 큰 픽셀 반경은 상당한 계산 시간을 추가합니다.

확장 프로그램을 처음 설치할 때 모든 선택 옵션을 사용할 수 있도록 분석하려는 웹 페이지를 새로 고쳐야 할 수 있습니다.

또한 확장 프로그램을 설치할 때 모든 웹사이트, 탭 및 브라우징 활동에 대한 데이터에 액세스할 수 있는 권한을 요청합니다.

우리는 어떤 식으로든 이 데이터를 사용하거나 수집하지 않습니다.

브라우저 창의 스크린샷을 찍을 수 있는 권한을 얻기 위해 요청해야 하는 액세스 수준입니다.

다음 URL에서 소스 코드를 볼 수 있습니다.

https://github.

com/gdkraus/color-contrast-chrome 이 도구는 NC 주립 대학의 IT 접근성 사무소에서 만든 제품입니다.

http://accessibility.

오이.

ncsu.ncsu.

에듀 /

추가 정보 :

-accessibility.oit.ncsu.edu에서 제공
- 평균 평점 : 별 3.3개 (괜찮았음)

색상 대비 분석기 웹 extension OffiDocs와 통합 Chromium 온라인