기능

Editoria11y의 핵심 테스트는 50가지 이상의 일반적인 콘텐츠 접근성 문제를 감지합니다. 가독성을 해치는 결정, 스크린 리더의 효율을 떨어뜨리는 실수, 그리고 SEO를 저하시키는 오류를 찾아냅니다.

애드온은 개발자와 디자이너를 위한 약 40개의 추가 테스트, 사용자 정의 테스트 및 다양한 사이트 전체 품질 보증 도구를 제공합니다.

콘텐츠 테스트는 사이트가 콘텐츠 작성자에게 넘겨진 이후에 발생하는 문제에 초점을 맞춥니다. 출시 전에는 수동 감사 도구, 키보드, 스크린 리더로 사이트를 테스트해야 하지만, 첫날 가장 접근성 높은 사이트도 편집이 새로운 문제를 가져오면서 점차 품질이 떨어지는 경향이 있습니다.

Editoria11y가 접근성 도구 중에서 두드러지는 이유는 테스트가 작성자가 작업을 편집하고 미리볼 때 브라우저에서 실시간으로 실행되기 때문입니다. 작성자는 즉각적인 인라인 피드백에 더 잘 반응하여 알림을 인식하고 수정하는 경향이 있으며, 대시보드를 방문하거나 수동 검사를 직접 실행하는 방식보다 효과적입니다.

작성자 경험

4개의 오류를 보여주는 Editoria11y 툴바 스크린샷.

작성자는 콘텐츠를 편집하는 동안 Editoria11y 툴바를 봅니다. 문제가 감지되면 툴바가 노란색 또는 빨간색으로 변하며 문제 수를 표시합니다. 수를 클릭하면 첫 번째 알림으로 스크롤되고 툴팁이 열립니다.

링크 이름이 「여기를 클릭」뿐이라고 표시된 팁.

팁이 인라인으로 나타나며, 오류에 대한 쉬운 언어 설명, 수정 제안, 해당 문제가 중요한 이유에 대한 설명이 포함됩니다.

페이지 위에 오버레이된 제목 구조 시각화 도구

툴바에는 제목 구조, alt 텍스트 시각화 도구, 가독성 점수를 포함한 수동 검사를 위한 추가 도구가 포함됩니다.

사이트 관리자 제어

검사기의 모든 표시 요소를 맞춤 설정할 수 있습니다. 파라미터와 이벤트를 사용하여 테스트 제거, 팁 재작성, 사용자 정의 테스트 삽입, 사용자 정의 테마 설정이 가능합니다.

Drupal 및 WordPress용 플러그인은 동기화된 알림 닫기, 사이트 전체 대시보드, CSV 보고서 내보내기 등의 추가 기능을 제공합니다.

최근 문제와 문제가 가장 많은 페이지를 보여주는 보고 대시보드.
필터링 가능한 문제 목록, 문제가 있는 페이지, 닫기 기록이 포함된 Drupal 대시보드.

테스트

Editoria11y의 테스트는 기술 표준만이 아니라 실제 사람이 측정하는 모든 사용자의 웹 경험 개선에 초점을 맞춥니다. 핵심 테스트는 웹 콘텐츠 접근성 지침(WCAG 2.2 AA) 달성을 돕기 위한 것이지만, 일부는 인지 및 학습 장애 접근성 태스크 포스의 작업과 일반적인 사용성 및 디자인 모범 사례의 영향을 받았습니다.

개별 테스트는 사이트 관리자가 끌 수 있습니다.

이미지 대체 텍스트

  • alt 속성이 없는 이미지
  • alt 텍스트가 파일명인 경우
  • alt 텍스트가 자리 표시자인 경우(「TBD」)
  • alt 텍스트가 발음할 수 없는 기호인 경우
  • alt 텍스트에 불필요한 단어 포함(「image of…」)
  • alt 텍스트가 너무 긴 경우
  • 장식용 이미지에 가치가 있을 수 있는 경우
  • 캐러셀 이미지가 장식용으로 표시된 경우
  • 캡션이 있는 이미지에 alt 텍스트가 없는 경우
  • alt 텍스트가 캡션과 중복되는 경우

링크 이미지

  • 링크 이미지에 alt 텍스트가 없는 경우
  • 링크 이미지의 alt가 URL 또는 파일명인 경우
  • 링크 이미지의 alt가 자리 표시자인 경우
  • 링크 이미지의 alt가 발음할 수 없는 기호인 경우
  • 링크 이미지의 alt가 링크가 아닌 이미지를 설명하는 경우
  • 링크 이미지의 alt에 불필요한 단어가 포함된 경우
  • 링크 이미지의 alt가 너무 긴 경우
  • 텍스트가 있는 링크 내 이미지에 alt 속성이 없는 경우

임베드된 미디어

  • 동영상에 캡션 필요
  • 오디오에 자막 필요
  • 데이터 시각화에 접근 가능한 대안 필요
  • 프레임에 제목 누락
  • 프레임이 키보드 탐색에서 제외됨
  • 프레임 콘텐츠의 수동 접근성 검사 필요
  • 링크된 문서가 스크린 리더에서 접근 불가능할 수 있음
  • PDF에 접근 가능한 대안이 없는 경우
  • 중첩된 인터랙티브 레이아웃 컴포넌트

의미 있는 링크

  • 빈 링크
  • 링크 텍스트가 URL인 경우
  • 링크 텍스트가 DOI 번호만인 경우
  • 링크 텍스트가 「여기를 클릭」인 경우
  • 링크 텍스트가 일반 단어만인 경우(「더 읽기」)
  • 서로 다른 링크가 동일한 텍스트를 공유하는 경우
  • 링크 아이콘 또는 이미지에 텍스트 대안이 없는 경우
  • 경고 없이 새 탭에서 열리는 링크
  • 경고 없이 파일로 연결되는 링크
  • 링크 텍스트가 기호 또는 이모지만인 경우
  • 시력이 있는 사용자에게 숨겨진 의미 있는 링크 텍스트
  • 중복된 링크 툴팁
  • 깨진 페이지 내 앵커 링크
  • 중복 ID 속성
  • 링크가 개발 환경을 가리킬 수 있는 경우

제목

  • 페이지에 제목 1(H1)이 없는 경우
  • 첫 번째 제목이 소제목인 경우
  • 제목이 레벨을 건너뛰는 경우
  • 제목이 비어 있는 경우
  • 제목으로 사용된 이미지에 alt 텍스트가 필요한 경우
  • 제목이 매우 긴 경우
  • 굵은 단락이 제목일 수 있는 경우
  • 짧은 인용구가 제목일 수 있는 경우

텍스트 가독성

  • 과도한 대문자 텍스트
  • 굵거나 기울임체 텍스트의 큰 블록
  • 텍스트가 너무 작은 경우
  • 링크가 아닌 텍스트에 밑줄이 적용된 경우
  • 텍스트가 양쪽 정렬된 경우
  • 서식으로 잘못 사용된 위 첨자 또는 아래 첨자
  • 문자 또는 기호를 사용한 가짜 목록
  • 목록 밖에 있는 목록 항목

색상 명도 대비

  • 텍스트의 명도 대비가 불충분한 경우
  • 텍스트 명도 대비의 수동 확인 필요
  • 아이콘 또는 그래픽의 명도 대비가 불충분한 경우
  • 아이콘 또는 그래픽 명도 대비의 수동 확인 필요
  • 입력 텍스트의 명도 대비가 불충분한 경우
  • 자리 표시자 텍스트의 명도 대비가 불충분한 경우

  • 표에 헤더 행 또는 열이 없는 경우
  • 표 헤더 셀이 비어 있는 경우
  • 표 내부에 콘텐츠 제목이 사용된 경우

양식 & 인터랙티브 요소

  • 버튼에 접근 가능한 레이블이 없는 경우
  • 버튼에 잘못된 ARIA 레이블이 있는 경우
  • 버튼 레이블에 「button」이라는 단어가 포함된 경우
  • 보이는 레이블과 접근 가능 이름이 일치하지 않는 경우
  • 입력 필드에 연관된 레이블이 없는 경우
  • 입력 필드가 보이지 않는 레이블만 사용하는 경우
  • 입력 필드가 자리 표시자만 레이블로 사용하는 경우
  • 초기화 버튼이 실수로 데이터 손실을 유발할 수 있는 경우
  • 스크린 리더에서 숨겨져 있지만 키보드 포커스가 가능한 요소
  • 양수 tabindex가 읽기 및 탭 순서를 방해하는 경우

페이지 메타데이터

  • 페이지 제목 누락
  • 페이지 언어가 선언되지 않은 경우
  • 뷰포트가 텍스트 확대를 방지하는 경우
  • 페이지 자동 새로 고침

CSA 기능

Editoria11y는 독특한 방식으로 접근성을 증진합니다. 비기술적인 작성자가 장애가 있는 웹 사용자도 동등하게 즐길 수 있는 콘텐츠를 준비하도록 돕는 데 매우 효과적인 도구입니다. 저희는 이를 공공재로 여기므로 Editoria11y는 항상 무료로 사용할 수 있습니다.

그러나 Editoria11y의 개발과 지원은 무료가 아닙니다.

CSA가 이 격차를 채웁니다. 프로젝트 멤버는 Editoria11y 라이브러리, CMS 플러그인 및 CSA 스위트의 개발을 지원합니다. CSA 스위트는 상용 제품과 유사한 기능을 오픈 소스로, 훨씬 낮은 가격에 제공하는 빠르게 성장하는 품질 보증 도구 모음입니다. Drupal용 CSA 스위트는 현재 베타 버전으로 무료이며, 2026년 3분기에 WordPress용으로 출시될 예정입니다.

사이트 크롤링 진행 중
CSA 크롤러가 대시보드를 업데이트하는 중.

CSA 도구

  • 개발자, 가독성 및 명도 대비 테스트.
  • 개발자와 콘텐츠 제작자를 위한 역할 기반 분리 구성.
  • 사용자 정의 테스트 빌더.
  • 원클릭 사이트 전체 알림 닫기
  • 대시보드 유지 관리 도구 및 크롤러
테스트 툴팁의 색상 선택기

CSA 멤버십 혜택

  • 우선 지원.
  • 프로젝트 로드맵에 가중치 있는 영향력.
  • 로드맵의 새 기능에 자동 접근.
  • 직접 설정 지원(등급에 따라).
  • 공개 후원자 크레딧(등급/요청에 따라, 약관 적용).

관심 있으신가요?

CSA 스위트는 능력껏 기여하는 모델로 운영됩니다. 라이브러리와 플러그인을 포함한 Editoria11y 코어는 언제나 무료입니다.

CSA 가입하기

CSA 후원 프로젝트

진행 중

2026년 2분기: Editoria11y CSA 커뮤니티 런칭

남은 작업:

  • 구독 및 후원금을 처리할 회계 법인을 설립합니다.
  • 라이선스 시스템을 구축합니다.
2026년 2분기: 사용자 정의 규칙 빌더
  1. Drupal에서 완료.
  2. 할 일: WordPress용 빌더 포팅.
2026년 3분기: 3.x 라이브러리를 WordPress로 포팅
  1. 커뮤니티 지원 기능이 포함된 CSA 서브모듈 생성
    • 오래된 결과를 삭제하고 기존 콘텐츠를 재크롤링하는 대시보드 유지 관리 도구를 만듭니다.
    • 한 페이지에서만이 아닌 사이트 전체에서 특정 테스트를 확인 완료로 표시할 수 있게 합니다.
    • 개발자와 콘텐츠 편집자에 대한 별도 설정 및 테스트로 분리 구성을 허용합니다.

최근 완료

2026년 1분기: 라이브러리 3.x 재작성
  • Editoria11y와 Sa11y 규칙셋을 병합합니다. 포크 이후 Sa11y는 약 50개의 추가 테스트를 작성하고 ESM 도구를 채택했으며, Editoria11y는 성능 개선을 구현하고 실시간 검사를 활성화하는 파라미터를 추가했습니다. Sa11y 4.2.2와 Editoria11y 3.0.0이 공유된 미래를 시작합니다.
  • 개발자와 콘텐츠 제작자를 위한 별도 규칙셋을 허용하는 「분리 구성」 지원을 추가합니다.
  • 인간의 검토를 위한 템플릿으로 중국어, 덴마크어, 네덜란드어, 독일어, 그리스어, 헝가리어, 이탈리아어, 일본어, 노르웨이어(복말), 폴란드어, 포르투갈어(브라질), 포르투갈어(포르투갈), 스페인어, 스웨덴어 및 우크라이나어의 기계 번역을 추가합니다.
  • 현재 상태: 코딩 작업은 완료됨. 문서 및 데모 업데이트 후 릴리스 태그 예정.
2026년 1분기: Drupal 모듈 3.x 재작성
  1. 더 강력한 보고 및 필터링 도구로 대시보드를 확장합니다.
  2. 인간의 검토를 위한 템플릿으로 중국어, 덴마크어, 네덜란드어, 독일어, 그리스어, 헝가리어, 이탈리아어, 일본어, 노르웨이어(복말), 폴란드어, 포르투갈어(브라질), 포르투갈어(포르투갈), 스페인어, 스웨덴어 및 우크라이나어의 기계 번역을 추가합니다.
  3. CSV 내보내기 기능을 사용자 정의할 수 있게 합니다
  4. 커뮤니티 지원 기능이 포함된 CSA 서브모듈을 생성했습니다
    • 오래된 결과를 삭제하고 기존 콘텐츠를 재크롤링하는 대시보드 유지 관리 도구를 만듭니다.
    • 한 페이지에서만이 아닌 사이트 전체에서 특정 테스트를 확인 완료로 표시할 수 있게 합니다.
    • 개발자와 콘텐츠 편집자에 대한 별도 설정 및 테스트로 분리 구성을 허용합니다.

논의 중

Editoria11y 라이브러리 포럼에서 이 아이디어에 대해 토론하고 투표하세요.

아이디어는 커뮤니티 논의를 기반으로 난이도/우선순위 추정치와 함께 표시됩니다.

  • 멀티 사이트 모니터링 대시보드
  • 깨진 링크 감지
  • PDF 스캔
  • 툴팁 코드 위치 탭
  • 툴팁 페이지 보고서 내보내기
  • 플래그 단어
  • CLI 개발자 도구
  • 북마클릿/브라우저 플러그인
  • ACT 규칙 유효성 검사
  • 이름/역할/값 유효성 검사 확장