Chuyển đến nội dung
Mera News

Cẩm nang nhà xuất bản, chương 3

Cửa sổ bật lên và sự đồng ý

Xem lại lần cuối vào tháng 11 năm 2026

Mỗi hộp hiện lên trên bài viết đều chắn giữa người đọc và lý do họ đến. Một số hộp là bắt buộc theo luật. Nhiều hộp thì không. Chương này nói về những gì Google yêu cầu, những gì các cơ quan quản lý châu Âu đã nêu về sự đồng ý, và cách xây dựng một lời nhắc dùng được với bàn phím và trình đọc màn hình. Chương này không phải tư vấn pháp lý, nên hãy kiểm tra biểu ngữ của bạn với luật sư của riêng bạn.

Google yêu cầu gì

Google mô tả interstitial gây khó chịu là các phần tử trang chắn tầm nhìn của người đọc vào nội dung, và cảnh báo rằng chúng có thể khiến hiệu quả trên Tìm kiếm kém đi. Hướng dẫn của Google rất cụ thể:

  • Không che toàn bộ trang.
  • Không chuyển người đọc sang một trang riêng để đồng ý hay nhập thông tin. Nếu mọi URL đều chuyển hướng về một trang đồng ý, tất cả trừ trang đó có thể biến mất khỏi kết quả tìm kiếm.
  • Dùng biểu ngữ chiếm một phần nhỏ màn hình thay vì interstitial toàn trang.
  • Áp dụng sự cẩn trọng tương tự cho mọi loại hộp thoại quảng bá, kể cả lời mời nhận bản tin và lời mời cài ứng dụng.

Với việc cài ứng dụng, Google đề xuất các lựa chọn do trình duyệt hỗ trợ, như Smart App Banner trong Safari, hoặc một biểu ngữ HTML đơn giản liên kết tới đúng cửa hàng.

Các interstitial bắt buộc theo luật được miễn khỏi hướng dẫn này. Google lấy kiểm tra độ tuổi làm ví dụ. Nếu bạn cần một cổng như vậy, hãy giữ nội dung trên trang bên dưới lớp phủ để nó vẫn có thể được lập chỉ mục.

Better Ads Standards áp dụng cho quảng cáo. Quảng cáo cửa sổ bật lên được liệt kê cho cả máy tính và di động. Trên di động, quảng cáo prestitial được liệt kê dù có hay không có đếm ngược. Trên máy tính, định dạng được liệt kê là prestitial có đếm ngược, và loại có thể đóng ngay lập tức thì không thấp hơn tiêu chuẩn.

Các cơ quan quản lý châu Âu đã nêu gì về sự đồng ý

Ủy ban Bảo vệ Dữ liệu Châu Âu (EDPB) đã công bố hướng dẫn về sự đồng ý và một báo cáo từ nhóm đặc nhiệm về biểu ngữ cookie. Báo cáo của nhóm đặc nhiệm ghi nhận một ngưỡng tối thiểu được thống nhất để xử lý khiếu nại, và quy định quốc gia vẫn được áp dụng, nên hãy coi những điểm này là mức nền.

  • Không có gì cần đồng ý được chạy trước. Cookie cần sự đồng ý không được đặt cho đến khi người đọc đã đồng ý bằng một hành động tích cực.
  • Cuộn trang không phải là đồng ý. Hướng dẫn nêu rằng cuộn hay vuốt trong mọi trường hợp đều không được tính là một hành động rõ ràng và khẳng định.
  • Ô được tích sẵn không phải là đồng ý. Sự im lặng, hay việc chỉ tiếp tục dùng dịch vụ, cũng vậy.
  • Cung cấp cách từ chối. Phần lớn các cơ quan trong nhóm đặc nhiệm coi một biểu ngữ không có tùy chọn từ chối ở bất kỳ lớp nào có nút đồng ý là một vi phạm.
  • Đừng giấu việc từ chối. Một liên kết từ chối bị chôn trong đoạn văn, không có gì thu hút sự chú ý, không tạo ra sự đồng ý hợp lệ. Màu nút và độ tương phản được đánh giá theo từng trường hợp.
  • Quyền truy cập không thể phụ thuộc vào việc chấp nhận. Hướng dẫn nêu ví dụ về một trang chặn toàn bộ nội dung cho đến khi người đọc nhấp "Chấp nhận cookie" là sự đồng ý không được đưa ra một cách tự do.
  • Rút lại phải dễ như đồng ý. Nếu đồng ý chỉ mất một lần nhấp, thì rút lại cũng nên vậy. Một liên kết cố định ở vị trí dễ thấy, theo chuẩn là một lựa chọn, và nhóm đặc nhiệm cũng đề cập một biểu tượng nhỏ.

Xây dựng lời nhắc ai cũng dùng được

Một biểu ngữ không chặn trang

Một biểu ngữ nhỏ cho phép người đọc tiếp tục, đúng điều Google ưu tiên. Nó vẫn phải đáp ứng WCAG 2.2. Tiêu chí thành công 2.4.11, Focus Not Obscured (Minimum), không đạt nếu một biểu ngữ cố định che hoàn toàn mục đang giữ tiêu điểm bàn phím. Hãy thêm scroll padding bằng chiều cao của biểu ngữ:

html {
  scroll-padding-bottom: 96px; /* the banner's height */
}

Hãy hiển thị biểu ngữ dạng lớp phủ, hoặc dành sẵn chỗ cho nó, để nó không đẩy bài viết xuống và gây thêm dịch chuyển bố cục.

Một hộp thoại modal

Nếu lời nhắc buộc phải chặn người đọc, hãy xây dựng nó như một hộp thoại modal thực sự theo mẫu của W3C.

<div role="dialog" aria-modal="true"
     aria-labelledby="consent-title" aria-describedby="consent-text">
  <h2 id="consent-title">Your privacy choices</h2>
  <p id="consent-text">Choose whether this site may use cookies for advertising.</p>
  <button type="button">Reject all</button>
  <button type="button">Accept all</button>
  <button type="button">Choose settings</button>
</div>
  • Chuyển tiêu điểm vào hộp thoại khi nó mở.
  • Tab và Shift + Tab đi vòng qua các điều khiển trong hộp thoại và quay lại ở mỗi đầu.
  • Escape đóng hộp thoại. Hãy coi đó là chưa chọn gì, không bao giờ là chấp nhận.
  • Khi đóng, trả tiêu điểm về phần tử đã mở nó. Nếu hộp thoại mở khi tải trang, hãy chuyển tiêu điểm về đầu nội dung.

Trên di động

  • Gắn biểu ngữ vào đáy màn hình, và giữ tiêu đề hiển thị phía trên nó.
  • Xếp các nút chồng lên nhau với chiều rộng đầy đủ để dễ chạm, với Chấp nhận và Từ chối cùng kích thước.
  • Giữ văn bản ngắn và chuyển phần chi tiết sang lớp thứ hai.
  • Kiểm tra bố cục ở chiều rộng 320 pixel CSS và khi chữ được phóng to 200%. Các nút phải vẫn chạm tới được mà không cần cuộn ngang.

Trên máy tính

  • Dùng một thanh ở đáy hoặc một bảng ở góc, và để trống bài viết.
  • Làm cho mọi điều khiển dùng được bằng bàn phím, với chỉ báo tiêu điểm nhìn thấy được.
  • Giữ độ tương phản của văn bản ít nhất 4,5:1, hoặc 3:1 với chữ lớn.

Danh sách kiểm tra

  • Tải trang chủ và một bài viết bằng hồ sơ trình duyệt mới, trên điện thoại và trên máy tính. Đếm những gì hiện lên trên nội dung.
  • Gỡ mọi lớp phủ toàn trang mà luật không yêu cầu.
  • Gỡ mọi chuyển hướng sang trang đồng ý riêng.
  • Xác nhận không có thẻ nào cần sự đồng ý chạy trước khi người đọc đồng ý.
  • Đặt tùy chọn từ chối ở mọi nơi có tùy chọn chấp nhận, dưới dạng nút có cùng trọng lượng.
  • Gỡ các ô tích sẵn và mọi logic coi việc cuộn trang là đồng ý.
  • Thêm một liên kết hoặc biểu tượng cố định để đổi lựa chọn quyền riêng tư, trên mọi trang.
  • Dùng Tab đi qua biểu ngữ mà không dùng chuột, và xác nhận tiêu điểm luôn nhìn thấy và không bao giờ biến mất sau biểu ngữ.
  • Kiểm tra hộp thoại modal bằng trình đọc màn hình, gồm cả Escape và việc trả tiêu điểm.
  • Thay các cửa sổ bật lên cài ứng dụng tự làm bằng một biểu ngữ nhỏ.

Nguồn