# ARIA DevTools - 웹사이트 접근성 트리 시각화

> Clean Markdown view of GeekNews topic #17153. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=17153](https://news.hada.io/topic?id=17153)
- GeekNews Markdown: [https://news.hada.io/topic/17153.md](https://news.hada.io/topic/17153.md)
- Type: GN+
- Author: [neo](https://news.hada.io/@neo)
- Published: 2024-10-09T09:54:31+09:00
- Updated: 2024-10-09T09:54:31+09:00
- Original source: [chromewebstore.google.com](https://chromewebstore.google.com/detail/aria-devtools/dneemiigcbbgbdjlcdjjnianlikimpck)
- Points: 4
- Comments: 0

## Topic Body

- **ARIA DevTools**는 웹 애플리케이션에서 누락된 ARIA 레이블, 잘못 사용된 ARIA 역할, 불완전한 키보드 지원을 쉽게 찾을 수 있게 해주는 크롬 확장 프로그램  
- 장애인을 위한 접근성 있는 웹 애플리케이션을 만드는 것은 어려운 일이며, 장애인이 컴퓨터를 어떻게 사용하는지 이해하지 못하면 더욱 어려워짐.  
- 이 도구를 사용하면 스크린 리더가 시각 장애인에게 웹사이트를 어떻게 보여주는지 확인할 수 있음.  
- 모든 페이지 요소는 명시적 또는 암시적 ARIA 역할에 따라 표시되며, 여기에는 제목, 이미지, 테이블 및 폼 항목 등이 포함됨.  
- 접근성 있는 웹사이트의 테스트 및 개발을 더 쉽게 만들어 줌.  
- 이 프로젝트는 오픈 소스로, GitHub에서 확인할 수 있음: [GitHub 링크](https://github.com/ziolko/aria-devtools)  
  
### 사용자 리뷰  
  
- **Mark Wylde**: "환상적인 아이디어와 실행!"  
- **Paul G**: "이 도구를 사랑함. 웹사이트 접근성 테스트에 더 도움이 되도록 계속 발전하길 바람."  
- **Ahmed Elswerkey**: "멋짐, 또한 검사 도구에서 접근성 트리를 볼 수 있음."  
  
### 세부 정보  
  
- **버전**: 1.4.0  
- **업데이트 날짜**: 2024년 5월 22일  
- **제공자**: Mateusz Zieliński  
- **크기**: 491KiB  
- **언어**: 영어  
- **개발자 이메일**: 비상인  
- **개인정보**: 개발자는 데이터를 수집하거나 사용하지 않음을 공개함.  
  
### 관련 확장 프로그램  
  
- **Accessibility View**: 웹사이트를 접근성 관련 형태로 변환함.  
- **Visual ARIA**: 웹 기술에서 사용되는 ARIA를 표시하며, 라이브 영역 및 위젯 역할, 적절한 중첩 및 포커스 관리를 포함함.  
- **Siteimprove Accessibility Checker**: Chrome에서 직접 웹 접근성 노력을 시작할 수 있게 해줌.  
- **WCAG Color contrast checker**: 텍스트의 전경과 배경 간 색상 대비를 확인함.  
  
### GN⁺의 정리  
  
- ARIA DevTools는 웹 접근성을 개선하기 위한 중요한 도구로, 특히 장애인을 위한 웹사이트 개발에 유용함.  
- 이 도구는 스크린 리더가 웹사이트를 어떻게 해석하는지 보여주어 개발자가 접근성 문제를 쉽게 식별할 수 있게 해줌.  
- 웹 접근성 분야에서 비슷한 기능을 제공하는 도구로는 **Accessibility View**와 **Visual ARIA** 등이 있음.  
- 이러한 도구들은 웹 개발자들이 접근성 표준을 준수하고 더 포괄적인 사용자 경험을 제공하는 데 도움을 줄 수 있음.

## Comments



_No public comments on this page._