European Accessibility Act (EAA) cho store Shopify: cần sửa gì ngay
Hướng dẫn thực tế về European Accessibility Act Shopify: ai thuộc phạm vi áp dụng, WCAG 2.1 AA nghĩa là gì với theme, và cách sửa một lần cho tất cả store.
Nếu bạn đang bán hàng cho khách ở EU, khả năng tiếp cận (accessibility) của storefront không còn là chuyện "có thì tốt" nữa. European Accessibility Act đã có hiệu lực áp dụng từ ngày 28/06/2025 — tức là luật đang chạy rồi, không phải một cột mốc còn ở phía trước. E-commerce được nêu đích danh trong danh sách dịch vụ thuộc phạm vi điều chỉnh, nghĩa là trang checkout đi kèm theme, các trang sản phẩm mà quảng cáo của bạn trỏ về, và những form khách hàng điền đều nằm trong tầm ngắm. Bài viết này đi qua những gì luật thực sự yêu cầu ở một store Shopify, các lỗi theme phổ biến nhất, và cách xử lý chúng hiệu quả — đặc biệt nếu bạn vận hành nhiều hơn một store. Để nắm bức tranh pháp lý rộng hơn, xem thêm checklist tuân thủ EU cho Shopify.
EAA là gì và vì sao đã áp dụng từ 28/06/2025
European Accessibility Act chính là Directive (EU) 2019/882, được thông qua năm 2019 nhằm thống nhất các yêu cầu về khả năng tiếp cận cho những sản phẩm và dịch vụ quan trọng trên toàn thị trường chung EU. Các quốc gia thành viên đã chuyển hóa directive này vào luật quốc gia, và các luật đó áp dụng từ ngày 28/06/2025.
Khác với các quy định accessibility trước đây của EU vốn chỉ nhắm vào website khu vực công, EAA điều chỉnh cả dịch vụ của khu vực tư nhân — và "e-commerce services" xuất hiện đích danh trong phạm vi của directive. Trang tổng quan về EAA của Ủy ban châu Âu tóm gọn mục tiêu rất đơn giản: người khuyết tật phải mua được cùng sản phẩm, cùng dịch vụ, qua cùng kênh như mọi người khác.
Điểm mấu chốt: nếu một người tiêu dùng EU có thể vào store của bạn và đặt hàng, thì chính trải nghiệm storefront đó là một dịch vụ chịu sự điều chỉnh của luật. Không còn khoảng thời gian ân hạn nào để chờ nữa. Store nào chưa audit theme thì hiện tại đã ở trạng thái chưa tuân thủ, và các cơ quan thực thi quốc gia giờ đây có đầy đủ thẩm quyền xử lý khiếu nại.
European Accessibility Act Shopify áp dụng cho ai?
Directive áp dụng cho các dịch vụ "cung cấp cho người tiêu dùng trong Liên minh". Cách diễn đạt này quan trọng với merchant Shopify ở ba điểm:
Seller ngoài EU nhắm vào khách EU vẫn thuộc phạm vi áp dụng. Nghĩa vụ đi theo người tiêu dùng, không đi theo địa chỉ đăng ký công ty. Nếu bạn vận hành từ Mỹ, Anh hay Việt Nam nhưng có shipping zone EU, niêm yết giá EUR, chạy quảng cáo nhắm vào EU hoặc có storefront bản địa hóa cho thị trường EU, thì bạn đang cung cấp dịch vụ e-commerce cho người tiêu dùng EU và các yêu cầu của EAA áp dụng cho dịch vụ đó.
Có ngoại lệ cho micro-enterprise — nhưng phải đọc kỹ. Nhà cung cấp dịch vụ có dưới 10 nhân viên VÀ doanh thu năm (hoặc tổng tài sản) không quá 2 triệu euro được miễn các yêu cầu về dịch vụ. Cả hai điều kiện phải cùng thỏa mãn. Hai điểm cần lưu ý: ngoại lệ này chỉ áp dụng cho dịch vụ, còn các yêu cầu về sản phẩm theo EAA vẫn áp dụng cho sản phẩm thuộc phạm vi bất kể quy mô công ty; và chỉ cần vượt một trong hai ngưỡng là ngoại lệ mất hiệu lực. Một hệ thống đa store đang tăng trưởng có thể "lớn quá ngưỡng" rất nhanh, nên hãy coi đây là khoảng thở, không phải tấm vé miễn trừ vĩnh viễn.
Marketplace không gánh nghĩa vụ thay bạn. Bán qua storefront Shopify của chính mình đồng nghĩa bạn là bên cung cấp dịch vụ e-commerce. Bạn không thể đẩy trách nhiệm tuân thủ cho Shopify: nền tảng cung cấp nền móng hỗ trợ accessibility, nhưng các tùy chỉnh theme, app cài thêm và nội dung của bạn mới quyết định storefront mà khách thực sự trải nghiệm có tiếp cận được hay không.
WCAG 2.1 AA nghĩa là gì với một theme Shopify
Bản thân EAA được viết theo ngôn ngữ chức năng — perceivable, operable, understandable, robust. Cây cầu kỹ thuật là EN 301 549, tiêu chuẩn châu Âu về accessibility cho ICT, trong đó tham chiếu WCAG 2.1 ở mức AA cho nội dung web. Trên thực tế, các auditor và cơ quan thực thi coi WCAG 2.1 AA là chuẩn mực mà một storefront phải đạt.
Với một theme Shopify, điều đó quy ra các yêu cầu cụ thể, kiểm chứng được: độ tương phản chữ so với nền tối thiểu 4.5:1 (3:1 với chữ cỡ lớn), alt text có ý nghĩa cho hình ảnh, focus indicator nhìn thấy được khi điều hướng bằng bàn phím, form field có label được liên kết đúng chuẩn, menu và modal thao tác được hoàn toàn bằng bàn phím, và markup mà công nghệ hỗ trợ (assistive technology) đọc hiểu chính xác. Không có gì cao siêu ở đây — chính tài liệu best practices về accessibility cho theme của Shopify cũng hướng dẫn đúng những nguyên tắc này cho theme developer. Vấn đề nằm ở chỗ phần lớn store đang chạy theme đã tùy biến nhiều, section bên thứ ba và widget do app chèn vào — những thứ chưa từng được audit theo tiêu chuẩn.
Các lỗi accessibility phổ biến trong theme Shopify
Audit một store Shopify đã tùy biến điển hình theo WCAG 2.1 AA, bạn sẽ gặp đi gặp lại cùng một nhóm lỗi:
Tương phản màu không đủ. Bảng màu thương hiệu với chữ xám nhạt, nút pastel hoặc chữ đặt đè lên ảnh hero thường xuyên rớt ngưỡng 4.5:1. Badge giảm giá và announcement bar là những "thủ phạm" quen mặt.
Alt text thiếu hoặc vô nghĩa. Ảnh sản phẩm với thuộc tính alt rỗng, hoặc giá trị tự sinh kiểu IMG_2041.jpg, khiến người dùng screen reader không hình dung được sản phẩm. Ngược lại, ảnh trang trí đáng lẽ nên để alt rỗng thì lại nhồi chữ gây nhiễu.
Focus state vô hình. Nhiều theme xóa outline focus của trình duyệt vì lý do thẩm mỹ mà không thay bằng gì cả. Người dùng bàn phím nhấn Tab qua trang sẽ không biết mình đang ở đâu — một lỗi operability tức thì.
Form field không có label. Form đăng ký newsletter, thanh tìm kiếm và các form quanh checkout chỉ dựa vào placeholder khiến assistive technology không có gì để đọc lên. Placeholder biến mất khi người dùng gõ và không phải là label.
Bẫy bàn phím và control không với tới được. Mega menu chỉ mở khi hover, carousel ảnh không có điều khiển bàn phím, modal không đóng được bằng phím Escape hoặc giữ focus sai cách.
ARIA hỏng hoặc gắn cho có. Theme và app rải các thuộc tính aria-* trỏ tới ID không tồn tại, gán sai role hoặc thông báo sai trạng thái. ARIA sai thường còn tệ hơn là không có.
Cách sửa triệt để ở tầng theme
Con đường bền vững là sửa code của theme, không phải phủ thêm một widget lên trên. Một lời cảnh báo quan trọng: các widget overlay về accessibility — những thanh công cụ "bật chế độ tiếp cận" được quảng cáo là cài một dòng code — bị giới chuyên gia accessibility phê bình rộng rãi là không đủ để tuân thủ. Overlay Fact Sheet, tài liệu được đông đảo người làm accessibility ký tên, chỉ rõ lý do: overlay không sửa được markup hỏng, thường xuyên gây xung đột với chính công nghệ hỗ trợ mà người dùng đang chạy, và không hề giúp các công ty tránh được khiếu nại pháp lý. Overlay không biến một theme chưa tuân thủ thành tuân thủ.
Việc sửa ở tầng theme là công việc có hệ thống với phạm vi hữu hạn:
- Audit trước. Chạy kiểm tra tự động (Lighthouse, axe) để bắt lỗi tương phản, alt text, label; sau đó tự tay đi một vòng chỉ bằng bàn phím qua luồng duyệt hàng → trang sản phẩm → giỏ → checkout.
- Sửa từ design token. Điều chỉnh cài đặt màu của theme để mọi cặp chữ/nền đều đạt tương phản. Riêng thay đổi này thường xóa được nhóm lỗi lớn nhất.
- Khôi phục focus nhìn thấy được. Thay
outline: nonebằng focus indicator tương phản cao, đồng nhất trên mọi phần tử tương tác. - Gắn label cho tất cả. Liên kết phần tử
<label>(hoặcaria-labelkhi không thể có label hiển thị) với mọi input; đặt tên tiếp cận được cho các nút chỉ có icon. - Sửa các component tương tác. Làm cho menu, drawer, carousel và modal thao tác được bằng bàn phím với trạng thái ARIA chính xác, đồng thời đưa kỷ luật alt text vào quy trình nhập nội dung sản phẩm.
Vì đây là các thay đổi Liquid, CSS và JavaScript nằm ngay trong theme, chúng sống sót qua những lần chỉnh sửa giao diện và không phụ thuộc vào việc bạn còn trả phí cho một subscription bên thứ ba hay không.
Triển khai fix European Accessibility Act Shopify trên nhiều store cùng lúc
Đây là lúc người vận hành đa store đứng trước ngã ba đường. Đi theo hướng app store nghĩa là cài một app accessibility lên từng store — N store × một subscription hàng tháng cho mỗi store, kéo dài mãi mãi — và phần lớn các app đó lại chính là loại widget overlay mà cộng đồng accessibility cảnh báo. Chi phí cộng dồn theo thời gian trong khi theme bên dưới vẫn hỏng nguyên. Chúng tôi đã bóc tách bài toán chi phí này trong bài chi phí tuân thủ EU cho hệ thống đa store.
Hướng còn lại là mô hình mà StoreFleet được xây dựng trên đó: thuê developer một lần, sở hữu kết quả. Với StoreFleet, merchant thuê một developer duy nhất một lần và giữ toàn quyền sở hữu source code. Developer đó chuẩn bị một bộ fix theme chuẩn accessibility — token màu đạt tương phản, focus style, form có label, component thao tác được bằng bàn phím — rồi áp dụng đồng loạt cho tất cả store của bạn, giống hệt cách bạn triển khai bất kỳ thay đổi theme nào trên toàn hệ thống. Mười store không tốn gấp mười lần công sức, và chắc chắn không tốn mười subscription mỗi tháng. Khi WCAG hay EN 301 549 cập nhật, bộ fix được sửa một lần và triển khai lại ở mọi nơi.
Với những merchant vốn đã tập trung hóa dashboard, tồn kho và vận hành, đây chỉ là logic hợp nhất quen thuộc được áp dụng cho bài toán tuân thủ — nếu bạn còn đang xây bộ công cụ đó, hãy bắt đầu từ bài tổng hợp công cụ tốt nhất để quản lý nhiều cửa hàng Shopify.
Nếu phớt lờ thì chuyện gì xảy ra?
EAA là một directive, nên cơ chế thực thi và mức phạt do từng quốc gia thành viên tự quy định. Cơ quan giám sát thị trường quốc gia tiếp nhận khiếu nại, có quyền yêu cầu biện pháp khắc phục và áp dụng chế tài theo luật nước mình — mức phạt và cách thức khác nhau giữa các nước, một số nơi cho phép phạt lũy tiến hoặc phạt lặp lại nếu tiếp tục không tuân thủ.
Bộ máy đó không còn nằm trên giấy nữa. Tháng 6/2026, tòa án Pháp ra phán quyết buộc Carrefour phải đưa cả site e-commerce lẫn app di động về trạng thái tiếp cận đầy đủ trong vòng sáu tháng, kèm khoản phạt tính theo từng ngày chậm trễ — phán quyết EAA lớn đầu tiên nhắm vào một retailer. Cơ quan quản lý Thụy Điển PTS đã mở những case e-commerce đầu tiên sau khi nhận hơn một trăm khiếu nại từ công chúng, các store ở Đức đang nhận thư cảnh cáo từ law firm theo hướng cạnh tranh không lành mạnh, còn cơ quan chức năng Hà Lan đã phát tín hiệu thực thi ráo riết trong nửa cuối 2026. Trần phạt quốc gia dao động từ €60.000 ở Ireland đến khoảng €900.000 ở Thụy Điển.
Điều quan trọng không kém: directive yêu cầu người tiêu dùng và các tổ chức của người khuyết tật phải có kênh để hành động, nên chỉ một khiếu nại của khách hàng tại bất kỳ nước EU nào bạn đang bán cũng có thể kích hoạt một cuộc rà soát. Ngoài tiền phạt, rủi ro thực tế còn là bị buộc đưa dịch vụ về trạng thái tuân thủ theo thời hạn do cơ quan chức năng ấn định, tổn hại uy tín, và — nói thẳng — doanh thu mất đi từ chính những khách hàng không thể hoàn tất checkout ngay từ đầu. Sửa theme hầu như luôn rẻ hơn đối phó với thực thi.
Bắt đầu từ đâu
Nếu bạn chưa audit các store của mình kể từ tháng 6/2025, hãy bắt đầu ngay tuần này: chạy quét tự động trên store hướng EU có doanh thu cao nhất, tự làm một đơn hàng thử chỉ bằng bàn phím, và liệt kê những gì rớt chuẩn. Danh sách đó chính là phạm vi cần sửa — và khi áp dụng cho toàn hệ thống, nó là một dự án làm một lần thay vì một dòng chi phí subscription vĩnh viễn.
Để xem trực tiếp cách một bộ fix theme chuẩn accessibility được áp dụng đồng loạt lên mọi store bạn đang chạy — trên theme thật của bạn, không phải slide trình chiếu — hãy đặt lịch demo 1-1 miễn phí ngay trên chính các store Shopify của bạn. Đội ngũ StoreFleet sẽ cho bạn thấy quy trình từ audit đến triển khai trong thực tế và giải đáp các câu hỏi riêng cho số lượng store cũng như cấu hình của bạn.
Bài viết chỉ mang tính thông tin tham khảo, không phải tư vấn pháp lý. Hãy đối chiếu nguồn chính thức của EU hoặc chuyên gia tư vấn.