Lỗi cấu trúc tiêu đề phá vỡ khả năng tiếp cận

Tiêu đề là cách hầu hết người dùng trình đọc màn hình tìm mọi thứ trên một trang. Trong khảo sát trình đọc màn hình năm 2024 của WebAIM, 71.6% cho biết họ điều hướng một trang dài bằng tiêu đề trước tiên, nên dàn ý tiêu đề bị hỏng làm hỏng hệ thống điều hướng chính của trang. Năm lỗi gây ra phần lớn thiệt hại: tiêu đề giả, bỏ cấp, tiêu đề chọn theo kích thước, tiêu đề rỗng, và H1 bị thiếu hoặc rối. Mối liên hệ với SEO hẹp hơn hầu hết công cụ tuyên bố, và bài này nêu chính xác nó là gì.

Những điểm chính

• Người dùng trình đọc màn hình dùng tiêu đề như mục lục. 71.6% điều hướng trang dài bằng tiêu đề trước tiên, và 88.8% thấy cấp tiêu đề rất hữu ích hoặc khá hữu ích (Khảo sát người dùng trình đọc màn hình #10 của WebAIM).
• Tiêu đề là phần tử HTML thật, không phải vẻ ngoài. Chữ đậm, lớn hơn trong một đoạn văn vô hình với trình đọc màn hình như một tiêu đề, bất kể nó trông thế nào.
• Lỗi tiêu đề cực kỳ phổ biến. Trong phân tích năm 2026 của WebAIM về một triệu trang chủ hàng đầu, 41.8% có ít nhất một cấp tiêu đề bị bỏ qua, và 7.5% không có tiêu đề nào.
• Google không xếp hạng theo thứ tự tiêu đề. Các đại diện tìm kiếm của họ đã nói một trang xếp hạng tốt dù không có H1 hay có nhiều, và thứ tự tiêu đề không phải yếu tố xếp hạng. Điều Google đọc là tiêu đề nói gì, không phải nó ở cấp nào.
• Axeazy sửa một số điều này tự động và một số chỉ khi bạn phê duyệt. H1 bị thiếu hoặc tiêu đề rỗng là việc chỉ bổ sung. Sắp xếp lại tiêu đề hiện có thay đổi cấu trúc trang, nên chờ phê duyệt. Tiêu đề giả làm từ văn bản có kiểu cần một con người.

Tiêu đề làm gì cho người dùng trình đọc màn hình

Khách truy cập nhìn thấy được lướt qua trang bằng mắt. Chữ lớn hơn, đậm hơn cho họ biết một phần bắt đầu ở đâu. Người dùng trình đọc màn hình chỉ nhận được cùng thông tin đó nếu trang đánh dấu nó là tiêu đề. Khi đó họ có thể gọi ra danh sách mọi tiêu đề trên trang, hoặc nhảy thẳng đến tiêu đề tiếp theo bằng một phím, giống như mắt người đọc nhìn thấy được nhảy xuống một trang.

Đó là lý do tiêu đề nằm ở trung tâm của cả nhóm công việc khả năng tiếp cận này. Các cấp tiêu đề, từ H1 đến H6, cũng truyền đạt thứ bậc: H2 thuộc về dưới H1 phía trên nó, và H3 thuộc về dưới H2 phía trên nó. Khi dàn ý đó đúng, người dùng có thể biết đâu là phần chính và đâu là phần phụ mà không cần đọc gì.

Năm lỗi tiêu đề phá vỡ dàn ý

1. Chữ đậm hoặc đoạn văn có kiểu giả làm tiêu đề

Đây là lỗi phổ biến nhất và khó phát hiện bằng mắt nhất, vì nó trông hoàn toàn đúng.

<!-- Lỗi: trông như tiêu đề, được đọc là văn bản thường -->
<p style="font-size: 24px; font-weight: bold;">Our Services</p>

<!-- Đạt: tiêu đề thật, tạo kiểu bằng CSS -->
<h2 class="section-title">Our Services</h2>

WCAG 1.3.1, Thông tin và Mối quan hệ, tồn tại chính vì điều này: cấu trúc hiển nhiên về mặt hình ảnh phải có sẵn cho công nghệ hỗ trợ nữa, không chỉ qua kiểu dáng.

2. Bỏ cấp

<!-- Lỗi: nhảy từ H1 thẳng lên H3 -->
<h1>Maple Street Bakery</h1>
<h3>Today's Specials</h3>

<!-- Đạt: không bỏ cấp nào -->
<h1>Maple Street Bakery</h1>
<h2>Today's Specials</h2>

Một cấp bị bỏ khiến người dùng tự hỏi có phải mình đã bỏ lỡ một phần. H1 theo sau là H3 gợi ý có một H2 ở đâu đó, mà thực tế không có.

3. Chọn cấp theo kích thước

Ai đó chọn H4 vì H2 trông quá lớn. Dàn ý bị phá để giải quyết vấn đề hình ảnh. Cách sửa là giữ đúng cấp và đổi diện mạo bằng CSS.

<h2 class="small-heading">Opening Hours</h2>

.small-heading { font-size: 1.1rem; }

4. Tiêu đề rỗng

<!-- Lỗi: được đọc là tiêu đề mà bên trong không có gì -->
<h2></h2>

Tiêu đề rỗng thường đến từ mẫu trang hoặc trình dựng trang để lại một phần tử sau khi chữ của nó bị xóa. Trình đọc màn hình đọc một tiêu đề, và người dùng không nghe thấy gì.

5. Không có H1, hoặc nhiều H1 cạnh tranh

Mỗi trang nên có một H1 rõ ràng nói trang về điều gì, vì trình đọc màn hình theo truyền thống coi nó là định danh chính của trang. Đây là thực hành tốt về khả năng tiếp cận, không phải lỗi WCAG cứng, và một trang có nhiều hơn một H1 không tự động bị hỏng. Đáng sửa vì nó làm đục dàn ý, nhất là khi mẫu trang lặp lại một H1 trong logo hay biểu ngữ.

Những lỗi này phổ biến đến mức nào

Phân tích hằng năm của WebAIM về một triệu trang chủ hàng đầu, thực hiện vào tháng 2 năm 2026, cho thấy điều này lan rộng ra sao.

Vấn đề tiêu đề	Tỷ lệ trang chủ
Ít nhất một cấp tiêu đề bị bỏ qua	41.8%
Nhiều hơn một H1	18.1%
Không có tiêu đề nào	7.5%

Những con số này mô tả các site lớn, do chuyên gia dựng. Website doanh nghiệp nhỏ dựng trên theme hay trình dựng trang ít nhất cũng có khả năng gặp cùng những vấn đề đó.

SEO thực sự quan tâm điều gì

Đây là chỗ nhiều nội dung về khả năng tiếp cận nói quá, nên đáng nói cho chính xác.

Google đã nhiều lần nói rằng thứ tự tiêu đề không phải yếu tố xếp hạng. Các đại diện tìm kiếm của họ đã nêu rằng một trang có thể xếp hạng tốt dù không có H1 hay có năm cái, và thứ tự ngữ nghĩa H1, H2, H3 có ích cho khả năng tiếp cận nhưng không ảnh hưởng đáng kể đến xếp hạng. Vì vậy cấp tiêu đề bị bỏ không làm bạn mất thứ hạng.

Điều Google thực sự đọc là tiêu đề nói gì. Một tiêu đề như "Giờ mở cửa và địa điểm" cho công cụ tìm kiếm biết phần bên dưới nói về điều gì, giống như nó cho một người biết. Đó là điểm giao thực sự giữa khả năng tiếp cận và SEO ở đây: tiêu đề mô tả đặt tên cho phần của nó phục vụ cả hai đối tượng.

Vậy hãy sửa cấu trúc tiêu đề vì lý do khả năng tiếp cận, vốn thật và đo lường được. Hãy coi mọi lợi ích SEO là tác dụng phụ của việc viết tiêu đề rõ ràng, mô tả, không phải lý do để làm. Cấu trúc dễ lướt với con người cũng có khả năng dễ phân tích hơn với hệ thống tự động, nhưng chưa ai xác nhận đó là tác động xếp hạng, và không nên hứa hẹn như vậy.

Cách kiểm tra tiêu đề của bạn

1. Xem dàn ý bằng trình đọc màn hình. Trong NVDA, nhấn Insert+F7 và chọn danh sách tiêu đề, hoặc nhấn H để nhảy từ tiêu đề này sang tiêu đề khác. Trong VoiceOver, mở rotor bằng VO+U và chọn Headings. Bạn sẽ nghe dàn ý đúng như người dùng nghe.
2. Xem mã nguồn trang. Tìm <h để thấy mọi tiêu đề và cấp của nó, và kiểm tra xem thứ gì trông như tiêu đề có thực sự là <p> hay <div> không.
3. Đọc dàn ý từ trên xuống dưới. Nó có hợp lý khi không có trang xung quanh không? Các cấp có theo thứ tự không? Có gì rỗng không?
4. Hoặc chạy quét. Lượt quét miễn phí của Axeazy kiểm tra cấu trúc tiêu đề của một trang trong khoảng 60 giây, cùng với các nhóm sửa lỗi khác mà nó bao quát. Hai phép kiểm tra cấu trúc liên quan được đề cập trong hướng dẫn về tiêu đề bảng và hướng dẫn về landmark.

Axeazy có thể giúp gì ở đây

Bản sửa tiêu đề chia thành ba nhóm, dựa trên mức độ chúng thay đổi trang của bạn.

Quy tắc	Kiểm tra gì	Cách sửa
page-has-heading-one	Trang không có H1	Tự động sửa, chỉ bổ sung, cố gắng hết mức
empty-heading	Phần tử tiêu đề không có nội dung	Tự động sửa, chỉ bổ sung, cố gắng hết mức
heading-order	Các cấp tiêu đề bị bỏ hoặc sai thứ tự	Đã tính toán, nhưng chờ bạn phê duyệt
p-as-heading	Văn bản có kiểu đóng vai tiêu đề	Xem xét thủ công

Thêm H1 bị thiếu hay xử lý tiêu đề rỗng không di chuyển hay đổi tên gì, nên được viết mà không hỏi trước. Sắp xếp lại tiêu đề hiện có thay đổi cách trang được cấu trúc, nên Axeazy tính ra bản sửa nhưng không viết gì cho đến khi bạn hoặc lập trình viên của bạn phê duyệt. Một đoạn văn được tạo kiểu trông như tiêu đề cần con người, vì chỉ người biết trang mới nói được văn bản đó định là gì.

Ba trong số này là phép kiểm tra thực hành tốt trong axe-core, không phải lỗi WCAG chính thức. Vấn đề tiêu đề giả gần nhất với lỗi WCAG 1.3.1 thật.

Cách bản sửa đến site của bạn tùy vào nền tảng. Site React và Next.js kết nối GitHub nhận một pull request thật. Cửa hàng Shopify nhận kết quả quét và danh sách kiểm tra hướng dẫn thay vì thay đổi tự động cho mẫu theme. Trên WordPress, bản sửa tiêu đề không nằm trong ba bản sửa tức thì của plugin miễn phí, nên hiện cũng theo đường danh sách kiểm tra. Xem bảng phân tích đầy đủ các nhóm sửa lỗi.

Câu hỏi thường gặp

Một trang có nên chỉ có một H1 không?

Hãy hướng tới một. Một H1 duy nhất nêu chủ đề của trang cho người dùng trình đọc màn hình một điểm xuất phát rõ ràng. Nhiều H1 không phải lỗi WCAG và Google không phạt, nhưng một H1 rõ ràng giữ cho dàn ý dễ theo dõi.

Bỏ cấp tiêu đề có hại cho SEO không?

Google đã nói thứ tự tiêu đề không phải yếu tố xếp hạng, nên cấp bị bỏ không làm bạn mất thứ hạng. Tác hại là với người dùng trình đọc màn hình, những người dựa vào các cấp để hiểu dàn ý.

Tôi có thể dùng H4 vì nó trông có kích thước đúng không?

Hãy giữ đúng cấp và đổi kích thước bằng CSS. Chọn cấp tiêu đề theo diện mạo mặc định của nó phá vỡ dàn ý để giải quyết vấn đề hình ảnh.

Vấn đề tiêu đề có được trích dẫn trong thư đòi bồi thường ADA không?

Cấu trúc tiêu đề không nằm trong số ít nhóm được trích dẫn thường xuyên nhất trong thư đòi bồi thường thực tế, vốn nghiêng về văn bản thay thế, điều hướng nhảy qua, thuộc tính ngôn ngữ, nhãn biểu mẫu, và tên liên kết hoặc nút. Nó vẫn là rào cản thật với những người điều hướng bằng tiêu đề, và đáng sửa vì giá trị riêng của nó.

Sửa tiêu đề có làm website của tôi dễ tiếp cận không?

Không bản sửa đơn lẻ nào làm được điều đó. Tiêu đề là một phần quan trọng trong cách một người tìm đường trên trang, và một trang có thể có dàn ý sạch mà vẫn có các vấn đề khác, như thiếu nhãn biểu mẫu hoặc một nút không tới được, cần được kiểm tra riêng.

Nguồn

• WebAIM: kết quả Khảo sát người dùng trình đọc màn hình #10
• WebAIM: The WebAIM Million, báo cáo năm 2026 về các trang chủ hàng đầu
• W3C: Tìm hiểu SC 1.3.1, Thông tin và Mối quan hệ
• W3C: Tìm hiểu SC 2.4.6, Tiêu đề và Nhãn
• Search Engine Journal: Google về tiêu đề H1 và SEO
• Stan Ventures: làm rõ của Google về thứ tự tiêu đề và SEO