ADA 웹사이트 소송: 미국 비즈니스가 알아야 할 웹 접근성 가이드

웹사이트가 일반 사용자에게 아무 문제 없이 보인다고 해서 모든 사람이 동일하게 사용할 수 있는 것은 아닙니다. 시각 장애인이 Screen Reader를 사용하거나, 마우스를 사용할 수 없는 사람이 Keyboard만으로 웹사이트를 이용하는 경우에는 평소에는 발견하기 어려운 접근성 문제가 나타날 수 있습니다.

Restaurant, retail store, medical office, hotel, salon, gym을 비롯한 많은 비즈니스들이 이제 웹사이트를 통해 메뉴, 가격, 예약, 주문, 위치 정보 및 고객 서비스를 제공합니다. 그만큼 Website Accessibility는 단순한 웹 디자인의 문제가 아니라 비즈니스 운영에서 확인해야 할 중요한 부분이 되었습니다.

We Design Orange는 다양한 비즈니스 웹사이트를 제작하고 유지보수하면서 웹 접근성과 관련된 기술적인 사항들을 검토하고 개선해 왔습니다. 이 글에서는 법률적인 판단보다는 실제 Business Owner와 Website Manager가 알아두면 좋은 웹 접근성의 핵심 사항들을 정리해 보겠습니다.

1. ADA Website Accessibility란 무엇인가요?

ADA(Americans with Disabilities Act)는 장애가 있는 사람들이 상품과 서비스에 동등하게 접근할 수 있도록 하기 위한 미국 연방법입니다. U.S. Department of Justice는 일반 대중에게 서비스를 제공하는 비즈니스가 웹사이트를 통해 상품이나 서비스를 제공할 때도 장애가 있는 사용자가 접근할 수 있도록 해야 한다는 입장을 안내하고 있습니다.

여기서 웹 접근성이란 단순히 글씨를 크게 만들거나 Accessibility 버튼 하나를 설치하는 것을 의미하지 않습니다.

예를 들어 시각 장애가 있는 사용자는 Screen Reader를 사용해 페이지의 Heading, Link, Button, Form Field와 이미지 설명을 음성으로 들으며 웹사이트를 이용할 수 있습니다. 또 어떤 사용자는 마우스 대신 Tab, Enter, Arrow Key와 같은 키보드 입력만으로 사이트를 탐색합니다.

사이트가 이러한 사용 방식을 고려하지 않고 만들어졌다면 일반 사용자에게는 정상적으로 보이더라도 다른 사용자에게는 중요한 정보나 기능에 접근하기 어려운 상황이 발생할 수 있습니다.

2. 어떤 웹사이트 문제가 Accessibility Barrier가 될 수 있을까요?

실제 웹사이트를 점검할 때는 단순히 디자인이 잘 되어 있는지보다 사용자가 필요한 정보와 기능을 실제로 사용할 수 있는지를 확인하는 것이 중요합니다.

Image Alt Text

이미지가 중요한 정보를 전달한다면 Screen Reader도 그 이미지의 목적을 이해할 수 있어야 합니다. 이를 위해 HTML의 Alternative Text, 즉 alt 속성을 사용합니다.

하지만 모든 이미지에 길고 자세한 설명을 넣는 것도 올바른 방법은 아닙니다. 디자인을 위한 장식용 이미지는 빈 alt=""를 사용하는 것이 더 적절할 수 있습니다. 중요한 것은 이미지가 사용자에게 전달하는 의미에 맞는 대체 정보를 제공하는 것입니다.

Buttons and Links

화면에서는 아이콘 하나만 보고 쉽게 이해할 수 있는 버튼도 Screen Reader에는 무엇을 하는 버튼인지 전달되지 않을 수 있습니다.

예를 들어 Popup 오른쪽 위에 X 아이콘만 있는 경우, 시각적으로는 Close 버튼이라는 것을 바로 알 수 있지만 Assistive Technology에서는 단순한 이미지 또는 이름 없는 버튼으로 인식될 수 있습니다.

Heading Structure

H1, H2, H3와 같은 Heading은 단순히 글자 크기를 조절하는 디자인 요소가 아닙니다. 페이지의 정보 구조를 설명하는 HTML 요소입니다.

특히 Screen Reader 사용자는 Heading 목록을 이용해 긴 페이지를 빠르게 탐색할 수 있습니다. 따라서 아래처럼 논리적인 계층 구조를 사용하는 것이 좋습니다.

• H1 — Catering
• H2 — Catering Options
  • H3 — Pastry Trays
  • H3 — Sandwich Trays
  • H3 — Whole Cakes
• H2 — Contact Us
• H2 — Return / Refund Policy

Keyboard Navigation

마우스를 사용하지 않고 Tab 키만 눌러보는 것은 아주 간단하면서도 효과적인 Accessibility Test입니다.

Navigation Menu, Button, Popup, Form, Reservation, Add to Cart 같은 중요한 기능까지 Keyboard만으로 접근할 수 있는지 확인해야 합니다. 현재 어느 요소를 선택하고 있는지 보여주는 Focus Indicator도 명확해야 합니다.

Forms

Contact Form, Reservation Form, Quote Request, Login, Checkout 같은 Form은 웹사이트에서 특히 중요한 부분입니다.

각 Input Field가 무엇을 입력하는 곳인지 프로그램상으로도 알 수 있도록 Label이 연결되어 있어야 하며, Required Field 또는 Error Message 역시 Screen Reader 사용자에게 전달될 수 있어야 합니다.

3. Online Ordering과 Third-Party 시스템도 확인해야 합니다

많은 비즈니스 웹사이트는 모든 기능을 직접 운영하지 않습니다. Restaurant은 외부 Online Ordering 플랫폼을 사용하고, Hotel은 Reservation Engine을 사용하며, Medical Office나 Med Spa는 Appointment Booking 시스템을 연결하기도 합니다.

Ecommerce 사이트에서도 Payment Gateway, Shopping Cart, Product Customizer 또는 외부 Checkout 서비스를 사용하는 경우가 많습니다.

그래서 Accessibility Review를 할 때 메인 웹사이트만 보고 끝내면 실제 Customer Journey의 중요한 부분을 놓칠 수 있습니다.

• Business Website
• Menu / Services / Products
• Order / Book / Register
• Third-Party System
• Checkout / Confirmation

Business Owner 입장에서는 “이 부분은 외부 업체가 만든 시스템이니까 우리 웹사이트와 상관없다”고 생각하기 쉽습니다. 하지만 고객의 입장에서는 모두 하나의 서비스 과정입니다.

Ordering, Booking, Membership, Payment 같은 핵심 기능을 외부 서비스가 담당하고 있다면 해당 부분도 함께 테스트하고, 문제가 있을 경우 Vendor에게 Accessibility 관련 지원 여부를 확인하는 것이 좋습니다.

4. Alt Tag 하나가 없으면 바로 ADA 소송 대상이 될까요?

웹사이트에서 Accessibility Error 하나가 발견되었다고 해서 그것만으로 법적 책임이 자동으로 결정되는 것은 아닙니다.

예를 들어 페이지 배경에 사용된 장식용 사진 하나에 Alt Text가 없는 경우와, 고객이 음식 메뉴나 가격을 확인하는 데 반드시 필요한 이미지에 설명이 없는 경우는 중요도가 같지 않습니다.

마찬가지로 단순한 이미지 하나의 문제와 Screen Reader 사용자가 주문, 예약, Checkout 같은 핵심 서비스를 전혀 사용할 수 없는 문제도 동일하게 볼 수 없습니다.

Accessibility에서는 단순히 몇 개의 오류가 있는지를 세는 것보다, 그 오류가 실제 사용자가 정보나 서비스를 이용하는 데 어떤 영향을 주는지를 확인하는 것이 중요합니다.

Automated Accessibility Checker는 문제를 찾는 데 매우 유용하지만, Scanner 결과만으로 웹사이트의 전체 접근성을 판단하기는 어렵습니다.

Scanner에서 오류가 없다고 해서 모든 사용자가 사이트를 이용할 수 있다는 의미는 아니며, 반대로 몇 개의 자동화된 오류가 발견됐다고 해서 모든 항목이 실제 접근 장벽이라는 의미도 아닙니다.

그래서 Automated Test와 함께 Keyboard Test와 Screen Reader Test 같은 Manual Review를 병행하는 것이 중요합니다.

5. WCAG는 무엇이고, ADA와 어떤 관계가 있나요?

웹 접근성을 이야기할 때 가장 많이 등장하는 기준이 WCAG(Web Content Accessibility Guidelines)입니다.

WCAG는 World Wide Web Consortium(W3C)의 Web Accessibility Initiative에서 개발한 웹 접근성 기술 가이드라인입니다. 이미지 대체 텍스트, Keyboard 접근, Color Contrast, Forms, Headings 등 웹사이트를 보다 접근성 있게 만드는 다양한 기준을 제공합니다.

여기서 중요한 점은 일반적인 민간 Business에 적용되는 ADA Title III의 경우, 단순히 특정 Accessibility Scanner에서 WCAG 100점을 받았다고 해서 법적으로 모든 문제가 해결되었다고 단정할 수는 없다는 것입니다.

실무에서는 WCAG를 중요한 Accessibility Benchmark로 사용하면서, 실제 사용자가 사이트의 정보와 기능을 이용할 수 있는지를 함께 확인하는 것이 좋습니다.

관련 자료는 U.S. Department of Justice의 Web Accessibility Guidance와 W3C Web Accessibility Initiative에서 확인할 수 있습니다.

6. 어떤 비즈니스가 특히 웹 접근성에 관심을 가져야 할까요?

Restaurants, retail stores, hotels, medical offices, salons, gyms, day care centers 등 일반 고객에게 상품이나 서비스를 제공하는 많은 비즈니스는 웹사이트 접근성을 중요하게 볼 필요가 있습니다.

특히 웹사이트가 다음과 같은 역할을 한다면 우선적으로 점검하는 것이 좋습니다.

• Restaurant Menu와 가격을 보여주는 경우
• 온라인 주문을 받는 경우
• Appointment 또는 Reservation을 받는 경우
• Store Location과 영업시간을 제공하는 경우
• Membership이나 Registration을 받는 경우
• 상품을 판매하고 Checkout을 제공하는 경우
• Contact 또는 Quote Request Form이 주요 고객 문의 수단인 경우

다만 미국 전체에서 Website Accessibility에 관한 법원의 해석이 모든 지역에서 완전히 동일한 것은 아닙니다. 특히 물리적인 Public Location이 없는 Online-Only Business에 대해서는 관할 지역과 사건의 사실관계에 따라 법적 분석이 달라질 수 있습니다.

따라서 “웹사이트가 있으면 모든 사이트가 똑같이 ADA가 적용된다”거나 반대로 “온라인 비즈니스니까 ADA와 전혀 관계없다”고 단순하게 판단하지 않는 것이 좋습니다.

7. California Business라면 특히 주의할 부분

ADA는 Federal Law이기 때문에 미국 전역에서 중요한 문제이지만, California에서 Business를 운영한다면 Unruh Civil Rights Act도 함께 알아둘 필요가 있습니다.

California에서는 일정한 요건을 충족하는 장애 차별 사건에서 Unruh Act에 따른 Statutory Damages 및 Attorney’s Fees 문제가 함께 제기될 수 있습니다. 이 때문에 California의 Website Accessibility 분쟁은 사업주 입장에서 금전적인 부담이 크게 느껴질 수 있습니다.

하지만 웹사이트에서 WCAG 오류 하나가 발견될 때마다 자동으로 일정 금액의 손해배상이 발생한다는 의미는 아닙니다. 실제 사건에서는 적용 법률, Plaintiff의 Standing, 실제 접근 장벽, 웹사이트와 비즈니스의 관계 등 여러 요소가 함께 검토될 수 있습니다.

California Business가 Accessibility Demand Letter 또는 Complaint를 받은 경우에는 Website Developer가 기술적인 문제를 확인하는 것과 별도로 ADA 및 Unruh 관련 경험이 있는 Attorney에게 법적인 부분을 검토받는 것이 좋습니다.

8. Business Owner가 지금 확인해 볼 수 있는 Website Accessibility Checklist

모든 사이트가 동일하지는 않지만, 다음 항목들은 대부분의 비즈니스 웹사이트에서 우선적으로 확인할 가치가 있습니다.

• Image Alt Text — 중요한 이미지에 적절한 Alternative Text가 있는가?
• Buttons and Links — Screen Reader가 버튼과 링크의 목적을 이해할 수 있는가?
• Heading Structure — 각 페이지가 논리적인 H1 → H2 → H3 구조를 가지고 있는가?
• Keyboard Navigation — Mouse 없이 Keyboard만으로 주요 기능을 사용할 수 있는가?
• Focus Indicator — 현재 선택된 요소가 눈에 보이는가?
• Popup / Modal — Keyboard 사용자가 Popup 안에 갇히지 않는가?
• Forms — Contact, Quote, Reservation 및 Checkout Form에 적절한 Label이 있는가?
• Error Messages — 오류나 Required Field 정보를 Assistive Technology가 이해할 수 있는가?
• Color Contrast — Text와 Background 사이의 Contrast가 충분한가?
• Zoom — Browser Zoom을 확대해도 Content와 주요 기능을 사용할 수 있는가?
• Third-Party Systems — Ordering, Booking, Membership 및 Payment 시스템도 접근 가능한가?
• Manual Testing — Automated Scanner뿐 아니라 Keyboard와 Screen Reader Test도 진행했는가?

9. Accessibility Plugin이나 Overlay를 설치하면 해결될까요?

Accessibility Toolbar 또는 Overlay Plugin은 Font Size, Contrast, Link Highlight 같은 기능을 제공할 수 있고 일부 사용자에게 도움이 될 수 있습니다.

하지만 Overlay가 있다고 해서 사이트의 HTML 구조, Form Label, Heading Hierarchy, Keyboard Navigation, Third-Party Ordering System 등의 문제가 자동으로 모두 해결되는 것은 아닙니다.

Accessibility 도구는 보조 수단으로 사용할 수 있지만, 사이트 자체의 구조와 기능을 직접 점검하는 것이 더 중요합니다.

10. 이미 ADA 관련 Letter 또는 Complaint를 받았다면

웹사이트에 실제 문제가 있다면 가능한 한 빨리 검토하고 개선하는 것이 중요합니다. 하지만 이미 법적인 분쟁이 시작된 상황이라면 현재 웹사이트의 상태와 변경 내역을 기록해 두는 것도 중요할 수 있습니다.

Website Backup, 현재 HTML, Theme와 Plugin Version, Third-Party Service 정보 및 변경 기록 등을 보관하고, 법률적인 대응 방향은 담당 Attorney와 상의하는 것이 좋습니다.

Website Developer는 접근성 문제를 기술적으로 분석하고 수정할 수 있지만, 특정 사이트가 법적으로 ADA를 완전히 준수하는지 판단하거나 소송 결과를 보장하는 역할을 하는 것은 아닙니다.

11. Website Accessibility는 소송 방지만을 위한 것이 아닙니다

Accessibility를 단순히 Legal Risk를 줄이기 위한 작업으로만 생각할 필요는 없습니다.

잘 구성된 Heading, 명확한 Button과 Link, 사용하기 쉬운 Form, 충분한 Contrast 및 Keyboard Navigation은 장애가 있는 사용자뿐 아니라 고령 사용자, 모바일 사용자 및 일시적으로 Mouse를 사용할 수 없는 사용자에게도 도움이 됩니다.

Semantic HTML과 논리적인 Content Structure는 Search Engine이 페이지의 내용을 이해하는 데에도 도움이 됩니다.

Accessible Website는 더 많은 사람이 사용할 수 있는 Website이며, 대부분의 경우 더 잘 설계된 Website이기도 합니다.

Website Accessibility Review & Remediation

We Design Orange에서는 WordPress, WooCommerce 및 일반 Business Website를 대상으로 기술적인 Website Accessibility Review와 개선 작업을 지원합니다.

Image Alt Text, Heading Structure, Forms, Buttons & Links, Keyboard Navigation, Popup, Color Contrast 및 주요 Customer Journey를 중심으로 웹사이트에서 개선할 수 있는 Accessibility 항목을 확인할 수 있습니다.

기존 웹사이트의 Accessibility가 걱정되거나 현재 사이트에서 어떤 부분부터 확인해야 할지 모르겠다면 We Design Orange에 문의해 주세요.

상담받기 →

Disclaimer: 이 글은 일반적인 정보 제공을 목적으로 하며 법률 자문이 아닙니다. Website Accessibility에 대한 법적 요건과 해석은 관할 지역, Business 유형, Website 기능 및 개별 사건의 사실관계에 따라 달라질 수 있습니다. ADA Compliance, Demand Letter 또는 소송과 관련된 법률적인 문제는 관련 경험이 있는 Attorney와 상담하시기 바랍니다.