Skip to content
https://baomoi.com

Accessibility

· 24 checks — Landmarks, headings, alt text, forms, and link quality rolled into one auditable list.
SCORE
76
GRADE
C
FIX
5
REVIEW
10
PASS
9
INFO
0
Checks
24
9 PASS 10 REVIEW 5 FIX
D
Mobile-Readable Font Sizes
Action
47% of visible text renders at >= 12 CSS px (301 below threshold)
FIX
47% of visible text renders at >= 12 CSS px (301 below threshold)
Warning::
301 text node(s) render below 12 CSS pixels on mobile
Mobile browsers default the root font-size to 16 px; text below ~ 12 px (75% of root) is hard to read without zooming. WCAG 1.4.4 (Resize Text) requires the page to support 200% zoom without loss of functionality -- which most layouts handle, but small base text still costs readability and conversion. Audit which selectors set sizes below 12 px (often footers, fine print, table cells) and bump them to 14-16 px or use rem units that scale with user preferences. Examples: <span> 11.0px ("28"); <span> 11.0px ("ºC /"); <span> 11.0px ("26"); <span> 11.0px ("ºC -"); <span> 11.0px ("32").
D
Web Manifest
Action
Valid manifest
FIX
Valid manifest
Info::
Name present: Báo Mới
Info::
192x192 icon present
PWA Install Criteria Not Installable
Name Báo Mới ✓192×192 icon ✓512×512 icon ✗Start URL ✗Display Mode ✗
Name Báo Mới Icons 6 icon(s)
D
Dark Mode Support
Action
Theme color only
FIX
Theme color only
Info::
Theme-color present but no dark variant
A theme-color is set but no dark-specific variant was found. The browser toolbar may not adapt for dark mode users.
Got: #ffffff
Info::
No dark mode signals detected
Consider adding CSS with @media (prefers-color-scheme: dark) and <meta name='color-scheme' content='light dark'>.
Info::
Detection limited to meta tags and inline styles
External CSS files may contain prefers-color-scheme rules not visible to this scan.
Dark ModePartial Dark Mode
color-scheme meta Not set ✗Dark theme-color Not set ✗CSS indicators Not detected ✗

Detection limited to meta tags and inline styles.

D
Print Stylesheet
Action
No print styles
FIX
No print styles
Info::
No print-specific styles detected
When users print this page, they get the screen layout including navigation and non-essential elements. Add @media print rules to hide navigation and optimize layout for paper.
Print Stylesheet No Print Styles
Print stylesheet Not found ✗Inline @media print Not detected ✗
F
Navigation UX
Action
No navigation patterns
FIX
No navigation patterns
Info::
1 navigation landmark(s) detected
Info::
No breadcrumbs, search, or skip link detected
These navigation aids help users orient themselves and find content efficiently, especially on large sites.
Breadcrumbs
Search
Skip Link
Labeled Navigation 1 <nav> element(s)
Back to Top
Hamburger Menu
Sticky Navigation Cannot reliably detect (CSS-based)
1 of 6 testable patterns navigation patterns detected. Limited navigation support. Consider adding breadcrumbs, search, and skip link.
C
Landmark Structure
Action
3 landmarks
REVIEW
3 landmarks
Critical::
No <main> landmark found
Screen reader users cannot quickly navigate to the primary content. Wrap your main content in <main>.
Info::
1 <nav> landmark(s) found
Info::
No contentinfo (footer) landmark
Warning::
Skip navigation link is missing (WCAG 2.4.1)
Add a skip link as the first focusable element so keyboard users can bypass repeated navigation.
Page Structure — as a screen reader sees it
BANNER header NAV MAIN (missing!) ASIDE CONTENTINFO (missing!)

Screen reader users cannot quickly navigate to the primary content. Wrap your main content in <main>.

Why this matters

Without a <main> landmark, screen-reader users can't skip past the navigation to the page content — every page starts with re-reading the menu.

Learn more ▾

The <main> element marks the page's primary content area. Assistive tech offers a 'jump to main' shortcut — but only if <main> exists. Without it, every page navigation forces re-reading the header. Wrap your primary content in a single <main>.

Source: WAI-ARIA / WCAG 2.4.1

Add a skip link as the first focusable element so keyboard users can bypass repeated navigation.

Why this matters

Without a skip-nav link, keyboard users tab through every nav item before reaching content — every page, every visit.

Learn more ▾

WCAG 2.4.1 (Bypass Blocks) requires a mechanism to skip past repeated content. The standard implementation is a 'Skip to main content' link that's the first focusable element, visually hidden until focused. Three lines of HTML + four of CSS.

Source: WCAG 2.1 SC 2.4.1

B
Heading Hierarchy
140 headings, 1 skip(s)
REVIEW
140 headings, 1 skip(s)
Info::
Single H1 present
Warning::
Heading level skipped: H1 → H3 (missing H2)
Skipping heading levels breaks the document outline. Screen readers may interpret missing levels as structural errors.
Warning::
1 empty heading(s)
Empty headings appear in the document outline but provide no information.
  • H1 (empty)
  • H3 Tài khoản skipped
  • H2 Nóng
  • H2 Mới
  • H2 VIDEO
  • H2 CHỦ ĐỀ
  • H3 Cửa ngõ phía Đông TPHCM kẹt cứng, bến xe Miền Tây nhộn nhịp người về quê nghỉ lễ
  • H3 Tàu cá cùng 50 ngư dân mất liên lạc trên biển: Đã cứu được 32 thuyền viên
  • H3 Iran nêu điều kiện để tiến trình ngoại giao trở lại đúng hướng
  • H3 Thị trường điện thoại thông minh Đông Nam Á lao dốc chạm đáy 12 năm
  • H3 Trao trả cho phía Trung Quốc đối tượng giết vợ rồi trốn sang Việt Nam
  • H3 Khán giả bị 'chiếm ghế' ở sân Mỹ Đình, luật sư nói gì?
  • H3 Ba người bị bắt sau cuộc 'vui' ma túy trên ô tô
  • H2 #ASEAN Cup 2026
  • H3 Thủ tướng Lê Minh Hưng trao quà, động viên đội tuyển Việt Nam sau chức vô địch Đông Nam Á
  • H3 HLV Kim nói gì khi gặp 'Thái Lan A' ở FIFA ASEAN Cup?
  • H3 AFF Cup 2026 lập kỷ lục về số pha đá phản lưới nhà
  • H3 Thủ tướng Lê Minh Hưng tặng quà, đặt kỳ vọng tới tuyển Việt Nam
  • H3 Thủ tướng Lê Minh Hưng tặng quà và chúc mừng ĐT Việt Nam giành chức vô địch ASEAN Hyundai Cup 2026
  • H3 Thủ tướng Lê Minh Hưng tặng quà, gửi gắm kỳ vọng tới đội tuyển Việt Nam
  • H3 Thủ tướng Lê Minh Hưng trao quà, động viên đội tuyển Việt Nam sau chức vô địch Đông Nam Á
  • H3 HLV Kim nói gì khi gặp 'Thái Lan A' ở FIFA ASEAN Cup?
  • H3 AFF Cup 2026 lập kỷ lục về số pha đá phản lưới nhà
  • H3 Thủ tướng Lê Minh Hưng tặng quà, đặt kỳ vọng tới tuyển Việt Nam
  • H3 Thủ tướng Lê Minh Hưng tặng quà và chúc mừng ĐT Việt Nam giành chức vô địch ASEAN Hyundai Cup 2026
  • H3 Thủ tướng Lê Minh Hưng tặng quà, gửi gắm kỳ vọng tới đội tuyển Việt Nam
  • H3 Thủ tướng Lê Minh Hưng trao quà, động viên đội tuyển Việt Nam sau chức vô địch Đông Nam Á
  • H3 HLV Kim nói gì khi gặp 'Thái Lan A' ở FIFA ASEAN Cup?
  • H3 AFF Cup 2026 lập kỷ lục về số pha đá phản lưới nhà
  • H3 Thủ tướng Lê Minh Hưng tặng quà, đặt kỳ vọng tới tuyển Việt Nam
  • H3 Thủ tướng Lê Minh Hưng tặng quà và chúc mừng ĐT Việt Nam giành chức vô địch ASEAN Hyundai Cup 2026
  • H3 Thủ tướng Lê Minh Hưng tặng quà, gửi gắm kỳ vọng tới đội tuyển Việt Nam
  • H3 Quảng Ngãi: Bắt 2 đối tượng 'cõng' gần 30kg ma túy trên QL14
  • H3 Lãi vay mua nhà tăng, người mua chịu áp lực kép
  • H3 Chứng khoán ra sao trước kỳ nghỉ 5 ngày?
  • H3 Lời khai của thợ sửa xe bị bắt quả tang trộm 83 lượng vàng
  • H3 Lộ diện 'kẻ giấu mặt' thảm hoạ sụp sông băng biên giới Nepal - Trung Quốc
  • H2 Chuyển động kinh doanh
  • H3 Hợp lực lan tỏa giá trị từ doanh nghiệp đến cộng đồng tại Coteccons day 2026
  • H3 [Infographic] Chứng khoán tuần 24-28/8: VN-Index tăng 3,6% so tuần trước, khối lượng giao dịch tăng 27,4%
  • H3 Chủ sở hữu Saigon Marina IFC lỗ hơn 200 tỷ đồng nửa đầu năm
  • H3 Sửa đổi Luật Phòng chống tác hại thuốc lá: Cần hoàn thiện chính sách theo hướng khả thi, khoa học và phù hợp thực tiễn
  • H3 Kinh tế vùng Vịnh sau 6 tháng xung đột: Bài toán tăng trưởng mới
  • H3 Trung Quốc nối lại công tác cứu hộ sau khi đánh giá tình hình hồ thượng nguồn
  • H3 Bé gái 15 tuổi bụng to bất thường, mẹ đưa đi khám mới biết sự thật
  • H3 Nhiều nước sẵn sàng triển khai hoạt động tìm kiếm, cứu nạn tại Nepal
  • H3 Tổng Bí thư, Chủ tịch nước Tô Lâm chủ trì Chương trình kỷ niệm 81 năm Quốc khánh 2/9
  • H3 Các cửa ngõ TP Hồ Chí Minh ùn ứ cục bộ khi người dân bắt đầu nghỉ lễ 2/9
  • H2 Lifestyle
  • H3 Gen Z đưa mốt đính đá lên mặt trở lại
  • H3 Đi đâu nếu 5 ngày nghỉ lễ 2/9 không rời Hà Nội?
  • H3 Cô gái bỏ phố về làng chài, rủ bạn nghỉ việc đi bán cá
  • H3 Shipper cưới mẹ đơn thân sau 8 năm được lưu số là 'anh giao hàng'
  • H3 Cưới cô gái Ê Đê 20 tuổi xinh đẹp, chú rể cam kết điều đặc biệt về sính lễ
  • H3 Khoảnh khắc Quang Hải làm ngược chỉ đạo của HLV Kim gây sốt
  • H3 Vì sao sông băng sụp đổ, tạo dòng lũ quét 180 km/h ở biên giới Nepal
  • H3 Phá đường dây tổ chức đưa người xuất, nhập cảnh trái phép
  • H3 310.000 hồ sơ mất tích được Hàn Quốc mở lại sau vụ việc trên đảo Jeju
  • H3 Kiện toàn BCĐ Trung ương về chính sách nhà ở và thị trường bất động sản
  • H2 Góc công nghệ
  • H3 Nhận diện cạm bẫy, bảo vệ trẻ em trên không gian mạng
  • H3 Cổng thông tin một cửa về trí tuệ nhân tạo chính thức vận hành
  • H3 Vé liên thông xe buýt - metro Hà Nội chính thức áp dụng từ 1/9
  • H3 Vì sao đừng vội dùng điện thoại sau khi cập nhật?
  • H3 Thúc đẩy giao thông công cộng tiếp cận cho người khuyết tật tại các đô thị Hà Nội và TP. Hồ Chí Minh
  • H3 Biên phòng phá tụ điểm khai thác vàng trái phép ở vùng biên Quảng Trị
  • H3 Cửa ngõ Thủ đô ùn tắc kéo dài trước dịp nghỉ lễ Quốc khánh 2/9
  • H3 Tạo động lực đưa quan hệ Việt Nam - Đức vào chiều sâu, thực chất và hiệu quả
  • H3 Hà Nội khởi công, khánh thành 17 dự án tiêu biểu với tổng mức đầu tư hơn 397 nghìn tỷ đồng
  • H3 Khai trương trung tâm thương mại Vincom Plaza Đan Phượng
  • H2 Tiêu điểm xe
  • H3 General Motors bất ngờ trở lại Việt Nam qua kênh phụ tùng và hậu mãi
  • H3 Toyota sẽ lắp ráp thêm ô tô mới tại Việt Nam
  • H3 [GALLERY] Lạc Hồng 900 LX khoảng 5 tỷ đồng về tay đại gia Buôn Ma Thuột
  • H3 Bước ngoặt giá xe Hybrid năm 2026
  • H3 Để chuyến đi dịp nghỉ lễ 2/9 an toàn nên kiểm tra những vị trí này trên ô tô
  • H3 Công an Hà Nội 'sẵn sàng cao nhất' bảo đảm an ninh dịp Quốc khánh
  • H3 5 xe khách bị xử phạt vì không giữ khoảng cách trên cao tốc
  • H3 Khởi tố vụ án vận chuyển trái phép hơn 28,5kg ma túy
  • H3 Tỷ phú khiến Cảnh Điềm lao đao là ai?
  • H3 Phát hiện hai cha con tử vong trong phòng vệ sinh căn nhà bị cháy, hiện trường đau lòng
  • H3 Hơn 100 dự án với tổng vốn 915.000 tỷ đồng củng cố niềm tin nhà đầu tư vào Tây Ninh
  • H3 Chủ tịch Cadisun bán hàng không xuất hóa đơn, gửi tiền tiết kiệm đứng tên người nhà
  • H3 Người xe tấp nập nghỉ lễ, Cảnh sát toát mồ hôi điều tiết giao thông
  • H3 Chính phủ tặng thưởng 300 triệu đồng cho Đội tuyển Bóng đá nam quốc gia
  • H3 'Tú ông' bị truy nã lao động trên tàu cá ra đầu thú
  • H3 Giá vàng hôm nay 28/8/2026: 'Quay xe' chóng mặt, SJC tăng 200.000 đồng/lượng
  • H3 PGS. TS Đỗ Lệnh Hùng Tú được bầu là Chủ tịch Hội Điện ảnh Việt Nam khóa X
  • H3 CSGT mở đường đưa du khách ngoại quốc bị ngất đi cấp cứu
  • H3 Trung Quốc cách chức hai tướng lĩnh hàng đầu khỏi Quân uỷ Trung ương
  • H3 Sự thật về những video quảng cáo phòng trọ vài trăm nghìn đồng tại trung tâm Hà Nội,
  • H3 Khởi tố 9 đối tượng trong đường dây buôn bán 'khí cười' thu lợi bất chính hơn 10 tỷ đồng
  • H3 Hé lộ nguyên nhân Giám đốc Bệnh viện Chỉnh hình và Phục hồi chức năng Tam Điệp bị bắt
  • H3 Dự báo thời tiết ngày 29/8: TP HCM ngày nắng gián đoạn, chiều tối mưa dông
  • H3 Thành lập Công an thành phố Quảng Ninh
  • H3 Quảng Ngãi: Phát hiện 5 hài cốt liệt sĩ cùng nhiều di vật tại Gò Tràm
  • H3 Vụ tàu chở 50 ngư dân mất liên lạc trên biển: Đã phát hiện, cứu vớt được 32 người
  • H3 Cuộc đua địa chính trị giành ảnh hưởng, tài nguyên và quyền lực tại châu Phi
  • H3 Tổng thống Kazakhstan đặt niềm tin vào giáo dục, vào thế hệ trẻ để chuẩn bị tương lai đất nước
  • H3 Thông tin mới về trường hợp được trả lương bằng tiền mặt từ 5 triệu đồng
  • H3 Sun Group khởi công hai dự án hơn 216.000 tỷ đồng tại Hà Nội
  • H3 Vào tù vì buôn bán 'khí cười'
  • H3 Sam Altman đặt riêng 7 đồng hồ Thụy Sĩ khắc logo OpenAI
  • H3 Chủ quan với bất thường ở vùng 'khó nói'... đến viện khám đã phát hiện ung thư
  • H3 Đồng đội 21 năm trước giờ dẫn dắt Messi
  • H3 Đà Nẵng trao quyết định tuyển dụng 16 giáo viên chất lượng cao
  • H3 Tiêm chủng theo vòng đời: Chủ động phòng bệnh, bảo vệ sức khỏe cộng đồng
  • H3 Người dân ở Hà Nội đổ về bến xe về quê dịp nghỉ lễ Quốc khánh 2/9
  • H3 [Ảnh] Dòng xe rời Hà Nội trước kỳ nghỉ 2/9 kéo dài 5 ngày
  • H3 Neymar bỏ tiền túi 'cứu' Santos
  • H3 Hai lãnh đạo nhà trường khiếu nại sau sáp nhập, Chủ tịch phường nói gì?
  • H3 Gen Z đưa mốt đính đá lên mặt trở lại
  • H3 Đảng bộ Bộ Tham mưu Quân khu 5: Trao Huy hiệu 35 năm và 30 năm tuổi Đảng
  • H3 Phiên họp thứ 6, Ủy ban Thường vụ Quốc hội dự kiến xem xét 27 dự án luật và nghị quyết
  • H3 Hàng vạn người rời Thủ đô, bến xe 'kín chỗ' trước lễ 2/9
  • H3 Việt Nam nhập 9,05 triệu tấn sắt thép sau 7 tháng, Trung Quốc chiếm gần 50%
  • H3 Thời điểm lý tưởng nhất để mang thai lần 2
  • H3 5 động tác giãn cơ giúp cơ thể thư giãn trước khi ngủ
  • H3 Làng Nủ rực rỡ cờ hoa đón Tết Độc lập
  • H3 Việt Nam phản đối hoạt động trái phép của Trung Quốc ở Hoàng Sa
  • H3 Tổng Bí thư, Chủ tịch nước làm việc về Sơ kết thực hiện Kết luận số 21-KL/TW
  • H3 Trung Quốc nối lại công tác cứu hộ sau khi đánh giá tình hình hồ thượng nguồn
  • H3 TPHCM: Sách giáo khoa bán 'xuyên lễ' phục vụ nhu cầu của phụ huynh
  • H3 Gợi mở hướng nghiên cứu, thúc đẩy cơ hội hợp tác mới trong công nghệ giáo dục và trí tuệ nhân tạo
  • H3 Phá đường dây tổ chức đưa người xuất, nhập cảnh trái phép
  • H3 Khai mạc Đại hội Thể dục thể thao tỉnh Đồng Tháp lần thứ nhất
  • H3 ĐỐI TÁC CHÍNH THỨC
  • H2 Video
  • H3 Thảm họa lở đất, lũ quét tại biên giới Nepal - Trung Quốc: Hơn 1.300 người mất tích
  • H3 Kinh hoàng cảnh nạn nhân trận lũ quét ở Nepal bơi trong đống hoang tàn
  • H3 Lũ quét tại Nepal, Trung Quốc: Số người thiệt mạng tăng nhanh
  • H3 Khởi tố đối tượng thả diều gắn đèn gây cản trở giao thông đường không
  • H3 Hình ảnh tài xế tông tử vong nữ sinh ở Vĩnh Long tại tòa
  • H2 Nóng 24H
  • H3 HLV Kim Sang-sik: Rút Đình Bắc khỏi sân ở trận đấu với Singapore để kéo đội tuyển Việt Nam trở lại mặt đất
  • H3 Một tuyển thủ Việt Nam có CLB mới ngay sau khi vô địch ASEAN Cup
  • H3 Toàn cảnh căn nhà ở Việt Nam của HLV Kim Sang Sik
  • H3 Đình Bắc và Nhật Kim Anh lại gây chú ý
  • H3 Cưới cô gái Ê Đê 20 tuổi xinh đẹp, chú rể cam kết điều đặc biệt về sính lễ
  • H3 Tiện ích

Skipping heading levels breaks the document outline. Screen readers may interpret missing levels as structural errors.

Why this matters

Skipping heading levels breaks the document outline — screen-reader users lose track of section nesting.

Learn more ▾

Screen reader users navigate by jumping between headings (H1 → H2 → H3). Skipping (H1 → H3) breaks the sense of hierarchy. Use sequential levels even if you don't like the default styling — restyle with CSS instead. WCAG 1.3.1 (Info and Relationships) treats this as an A failure.

Source: WCAG 2.1 SC 1.3.1 / W3C WAI

Empty headings appear in the document outline but provide no information.

Why this matters

Empty <hN> tags break the document outline — screen-reader users navigating by heading hit dead silence.

Source: WCAG 2.4.6

B
Alt Text Quality
1 of 294 images have issues
REVIEW
1 of 294 images have issues
Critical::
1 image(s) missing alt attribute
Images without alt text are invisible to screen readers.
Info::
5 image(s) with alt text over 125 characters
Info::
4 decorative image(s) correctly marked
Info::
284 image(s) with good alt text
294 images 284 good alt text 4 decorative 1 missing
IssueCount
missing1 image(s)
too long5 image(s)

Images without alt text are invisible to screen readers.

Why this matters

Each image without alt text is a WCAG 1.1.1 failure — invisible to screen-reader users, lost from Google Image Search.

Learn more ▾

WCAG 2.1 Level A requires text alternatives for non-decorative images. Empty alt='' is fine for decorative; meaningful images need descriptive text. Common fixes: CMS audit + bulk add, build-time linter (alt-text-required ESLint rule), CI gate on Lighthouse a11y score.

Source: WCAG 2.1 SC 1.1.1 / WebAIM Million Report

B
Tap Target Adequacy
1 tap target(s) too small or too close together
REVIEW
1 tap target(s) too small or too close together
Info::
1 tap target(s) too small or too close to neighbors
WCAG 2.5.5 (Level AAA) requires interactive targets to be at least 44x44 CSS pixels; WCAG 2.5.8 (Level AA, added in 2.2) requires 24x24 minimum. Failing targets cause mis-taps for users with motor impairments, large fingers, or shaky hands -- and are a major bounce-rate driver on mobile commerce flows. Lighthouse measures rendered rects + adjacent-element spacing; the failing list is in the Lighthouse 'tap-targets' audit detail panel.
B
404 Error Page
HTTP 404, custom page
REVIEW
HTTP 404, custom page
Info::
Correct 404 status code returned
Got: HTTP 404
Info::
Custom styled 404 page
Info::
Navigation links present on 404 page
Info::
Homepage link present on 404 page
404 Page Quality ✓ Custom 404 Page
Status Code HTTP 404 ✓Page Title Báo Mới - Tin tức nóng nhất, tin tức mới nhất cập nhật liên tục 24H ✓Custom Styling ✓Navigation ✓Homepage Link ✓Search Form ✗
B
Favicon & Branding
19 icon(s) detected
REVIEW
19 icon(s) detected
Info::
favicon.ico present at site root
Info::
HTML icon links detected
Info::
Apple touch icon present
Info::
Multiple icon sizes detected
✓ favicon.ico Present
✓ PNG Icons Present
✓ Apple Touch Present
✗ SVG Favicon Missing
✓ Manifest Icons Present
✓ Multiple Sizes Present
B
PWA Depth
3 PWA signal(s) surfaced
REVIEW
3 PWA signal(s) surfaced
Warning::
Manifest is missing `display` -- defaults to browser, no PWA UX
When `display` is `browser` (or unset, which is the spec default), the installed app opens in a regular browser tab -- no install prompt, no standalone window, no app-shell experience. The intended values for a PWA are `standalone` (most common; full-screen, no browser chrome) or `fullscreen` (games / immersive apps). `minimal-ui` is a middle ground (basic browser controls but no address bar).
Info::
Manifest has no maskable icon
Android 12+ Adaptive Icons crop non-maskable icons to a circle or squircle -- frequently hiding important parts of the logo. Add at least one icon entry with `"purpose": "maskable"` (or `"any maskable"`) and a maskable-aware design (16% safe-zone padding around the inner mark).
Info::
Manifest is missing `theme_color`
Without `theme_color`, the install prompt and Android status bar fall back to a generic tint instead of your brand color. Add a hex color (e.g. `"theme_color": "#0066cc"`); for richer support, mirror it via `<meta name="theme-color" content="#0066cc">` so non-installed browsers also pick it up.
C
Color Contrast (Screenshot)
Action
20 text elements analyzed, 6 fail WCAG AA
REVIEW

Analyzes text contrast against the actual rendered page, including background images, gradients, and overlays that CSS-based tools cannot detect.

14 pass 6 fail WCAG AA 4 pass AA only
h2 Mới
1.72:1
#000000
on
#323540
needs 3.0:1 (large text)
24px · above the fold · over background image/gradient
h2 CHỦ ĐỀ
1.51:1
#000000
on
#4F1C1A
needs 3.0:1 (large text)
24px · mid-page · over background image/gradient
div Bạn đồng ý với việc Đăng nh…
3.68:1
#000000
on
#5D6C40
needs 4.5:1 (normal text)
16px · above the fold
div Tôi đã đọc và đồng ý với
2.89:1
#000000
on
#4E5B3E
needs 4.5:1 (normal text)
16px · above the fold
a Điều khoản sử dụng
3.96:1
#000000
on
#587433
needs 4.5:1 (normal text)
16px · above the fold · over background image/gradient
a Chính sách bảo mật
2.54:1
#000000
on
#534D4F
needs 4.5:1 (normal text)
16px · above the fold

3 contrast failures on background images/gradients

These failures are invisible to CSS-based accessibility tools like Lighthouse. The text may be fine on a solid background, but fails when rendered over an image or gradient.

Show all checked elements (20)
ElementRatioRequiredFGBGResult
h2 Nóng3.68:13.0:1
#000000
#5F667D
Pass
h2 Mới1.72:13.0:1
#000000
#323540
Fail
h2 VIDEO4.65:13.0:1
#000000
#76767B
Pass
h2 CHỦ ĐỀ1.51:13.0:1
#000000
#4F1C1A
Fail
h3 Tài khoản13.77:13.0:1
#000000
#ACD9E1
Pass
h3 Thảm họa lở đ…19.32:13.0:1
#000000
#F6F5F7
Pass
h3 Kinh hoàng cảnh n…19.32:13.0:1
#000000
#F6F5F7
Pass
h3 Lũ quét tại Nepa…19.32:13.0:1
#000000
#F6F5F7
Pass
h3 Khởi tố đối t…19.32:13.0:1
#000000
#F6F5F7
Pass
h3 Hình ảnh tài x…19.32:13.0:1
#000000
#F6F5F7
Pass
title Báo Mới - Tin t…21.00:14.5:1
#000000
#FFFFFF
Pass
div TP. Hồ Chí Minh21.00:14.5:1
#000000
#FFFFFF
Pass
span 28ºC / 26ºC - 32º…6.87:14.5:1
#000000
#2FA1B3
Pass
div Bạn đồng ý v…3.68:14.5:1
#000000
#5D6C40
Fail
div Tôi đã đọc và…2.89:14.5:1
#000000
#4E5B3E
Fail
a Điều khoản sử…3.96:14.5:1
#000000
#587433
Fail
div và8.13:14.5:1
#000000
#7AA8B9
Pass
a Chính sách bảo m…2.54:14.5:1
#000000
#534D4F
Fail
span Zalo4.87:14.5:1
#000000
#7F7879
Pass
span Bóng đá4.51:14.5:1
#000000
#7070A0
Pass

Methodology: The top 20 text elements by font size were checked. Background color was sampled from the desktop screenshot using a 5-point pattern. WCAG 2.1 AA requires 4.5:1 for normal text and 3:1 for large text.

C
Lighthouse Accessibility Audits
Action
Score 78/100 — 6 failing, 21 passed
REVIEW
78

Accessibility

These checks highlight opportunities to improve the accessibility of your web app. Automatic detection can only detect a subset of issues and does not guarantee the accessibility of your web app, so manual testing is also encouraged.

Contrast

Low-contrast text is difficult or impossible for many users to read. Learn how to provide sufficient color contrast.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Failing Elements
NÓNG li.bm-navbar-item > div.navbar-link > a.flex > h2
MỚI li.bm-navbar-item > div.navbar-link > a.flex > h2
VIDEO li.bm-navbar-item > div.navbar-link > a.flex > h2
CHỦ ĐỀ li.bm-navbar-item > div.navbar-link > a.flex > h2
Từ chối div.fixed > div.container > div > button.relative
Đồng ý div.fixed > div.container > div > button.relative

These are opportunities to improve the legibility of your content.

Names and labels

Informative elements should aim for short, descriptive alternate text. Decorative elements can be ignored with an empty alt attribute. Learn more about the `alt` attribute.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Failing Elements
body#app > div > img body#app > div > img

Screen reader users rely on frame titles to describe the contents of frames. Learn more about frame titles.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Failing Elements
div.xxxxxx > div#lCot-PhUglk > div#ZAP-zone-967893436394335539 > iframe#ZAPIfrWrapper_967893436394335539 div.xxxxxx > div#lCot-PhUglk > div#ZAP-zone-967893436394335539 > iframe#ZAPIfrWrapper_967893436394335539
div.xxxxxx > div#MWDE-OXEbVs > div#ZAP-zone-1106251822105318716 > iframe#ZAPIfrWrapper_1106251822105318716 div.xxxxxx > div#MWDE-OXEbVs > div#ZAP-zone-1106251822105318716 > iframe#ZAPIfrWrapper_1106251822105318716

Link text (and alternate text for images, when used as links) that is discernible, unique, and focusable improves the navigation experience for screen reader users. Learn how to make links accessible.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Failing Elements
div.xxxxxx > div#lCot-PhUglk > div#ZAP-zone-967893436394335539 > a#ZAP-logo-967893436394335539 div.xxxxxx > div#lCot-PhUglk > div#ZAP-zone-967893436394335539 > a#ZAP-logo-967893436394335539
div.xxxxxx > div#MWDE-OXEbVs > div#ZAP-zone-1106251822105318716 > a#ZAP-logo-1106251822105318716 div.xxxxxx > div#MWDE-OXEbVs > div#ZAP-zone-1106251822105318716 > a#ZAP-logo-1106251822105318716

These are opportunities to improve the semantics of the controls in your application. This may enhance the experience for users of assistive technology, like a screen reader.

Best practices

Touch targets with sufficient size and spacing help users who may have difficulty targeting small controls to activate the targets. Learn more about touch targets.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Failing Elements
Button div.container > div.level > div.level-right > a.mr-[-8px]

One main landmark helps screen reader users navigate a web page. Learn more about landmarks.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Failing Elements
html html

These items highlight common accessibility best practices.

○Interactive controls are keyboard focusable
○Interactive elements indicate their purpose and state
○The page has a logical tab order
○Visual order on the page follows DOM order
○User focus is not accidentally trapped in a region
○The user's focus is directed to new content added to the page
○HTML5 landmark elements are used to improve navigation
○Offscreen content is hidden from assistive technology
○Custom controls have associated labels
○Custom controls have ARIA roles
●`[aria-*]` attributes match their roles
●`[aria-hidden="true"]` is not present on the document `<body>`
●`[role]`s have all required `[aria-*]` attributes
●`[role]` values are valid
●`[aria-*]` attributes have valid values
●`[aria-*]` attributes are valid and not misspelled
●Buttons have an accessible name
●`[user-scalable="no"]` is not used in the `<meta name="viewport">` element and the `[maximum-scale]` attribute is not less than 5.
●ARIA attributes are used as specified for the element's role
●Elements use only permitted ARIA attributes
●Document has a `<title>` element
●`<html>` element has a `[lang]` attribute
●`<html>` element has a valid value for its `[lang]` attribute
●Links are distinguishable without relying on color.
●Lists contain only `<li>` elements and script supporting elements (`<script>` and `<template>`).
●List items (`<li>`) are contained within `<ul>`, `<ol>` or `<menu>` parent elements
●No element has a `[tabindex]` value greater than 0
●Heading elements appear in a sequentially-descending order
●Deprecated ARIA roles were not used
●Image elements do not have `[alt]` attributes that are redundant text.
●Identical links have the same purpose.
○`[accesskey]` values are unique
○`button`, `link`, and `menuitem` elements have accessible names
○Elements with `role="dialog"` or `role="alertdialog"` have accessible names.
○`[aria-hidden="true"]` elements do not contain focusable descendents
○ARIA input fields have accessible names
○ARIA `meter` elements have accessible names
○ARIA `progressbar` elements have accessible names
○Elements with an ARIA `[role]` that require children to contain a specific `[role]` have all required children.
○`[role]`s are contained by their required parent element
○Elements with the `role=text` attribute do not have focusable descendents.
○ARIA toggle fields have accessible names
○ARIA `tooltip` elements have accessible names
○ARIA `treeitem` elements have accessible names
○The page contains a heading, skip link, or landmark region
○`<dl>`'s contain only properly-ordered `<dt>` and `<dd>` groups, `<script>`, `<template>` or `<div>` elements.
○Definition list items are wrapped in `<dl>` elements
○ARIA IDs are unique
○No form fields have multiple labels
○`<html>` element has an `[xml:lang]` attribute with the same base language as the `[lang]` attribute.
○Input buttons have discernible text.
○`<input type="image">` elements have `[alt]` text
○Form elements have associated labels
○The document does not use `<meta http-equiv="refresh">`
○`<object>` elements have alternate text
○Select elements have associated label elements.
○Skip links are focusable.
○Cells in a `<table>` element that use the `[headers]` attribute refer to table cells within the same table.
○`<th>` elements and elements with `[role="columnheader"/"rowheader"]` have data cells they describe.
○`[lang]` attributes have a valid value
○`<video>` elements contain a `<track>` element with `[kind="captions"]`
○Tables have different content in the summary attribute and `<caption>`.
○All heading elements contain content.
○Uses ARIA roles only on compatible elements
○Elements with visible text labels have matching accessible names.
○Tables use `<caption>` instead of cells with the `[colspan]` attribute to indicate a caption.
○`<td>` elements in a large `<table>` have one or more table headers.
A+
Heading Text Quality
1 heading-text-quality issue(s) detected
PASS
1 heading-text-quality issue(s) detected
Info::
3 heading(s) are all-uppercase (excluding short acronyms)
Headings rendered in all-uppercase are a styling choice that should be done via CSS (`text-transform: uppercase`), not by typing the text in caps. Capitalized text is read letter-by-letter by some screen readers (e.g., "H-E-L-L-O W-O-R-L-D" instead of "hello world"). It's also a soft signal of CMS-migration artifacts where the original lowercase intent was lost.
Got: 3 all-caps heading(s)
A
Form Accessibility
1 of 2 controls have issues
PASS
1 of 2 controls have issues
Warning::
1 control(s) rely on placeholder only
Placeholder text disappears on focus and is not a reliable label.
Got: <input type="text" name="search">
Info::
1 control(s) properly labeled
2 controls
1 labeled
1 placeholder only
0 unlabeled
ControlTypeLabelMethod
inputcheckboxnone
searchtext(Nhập nội dung tìm kiếm)placeholder only

Placeholder text disappears on focus and is not a reliable label.

<input type="text" name="search">

Why this matters

Placeholder-only labels disappear when the user starts typing — they must remember what the field was for.

Learn more ▾

Placeholders are NOT labels. They vanish on input, fail color contrast checks (most are gray), and don't satisfy WCAG SC 3.3.2. Always use a real <label> alongside (or aria-labelledby).

Source: WCAG 2.1 SC 3.3.2 / Nielsen Norman

A+
Form Input Types
1 input(s) using type=text where a specific type would help
PASS
1 input(s) using type=text where a specific type would help
Info::
Input "search" should use type="search" (currently type="text")
Field name "search" suggests type="search". Wrong type loses mobile keyboard hints, browser autofill, and free format validation. Change to <input type="search">.
A+
Form Input Quality
2 form control(s) checked, no input-semantic issues
PASS
2 form control(s) checked, no input-semantic issues
Info::
All form input semantics look correct
A+
Mobile Keyboard & Autofill
No autofill-eligible form controls
PASS
No autofill-eligible form controls
Info::
No autofill-eligible form controls (no name/email/tel/address fields)
A+
Document Language
Lang attribute set to "vi"
PASS
Lang attribute set to "vi"
Info::
<html lang="vi"> is set and valid
Got: vi
A+
Tabindex Anti-Patterns
36 explicit tabindex attribute(s) checked, no anti-patterns
PASS
36 explicit tabindex attribute(s) checked, no anti-patterns
Info::
No tabindex anti-patterns detected
A+
Iframe Accessibility
No iframes on this page
PASS
No iframes on this page
Info::
No iframes on this page
A+
Mobile UX Depth
3 mobile-depth signal(s) detected
PASS
3 mobile-depth signal(s) detected
Info::
iOS smart-banner opt-in present (`apple-itunes-app`)
The page declares a companion iOS app via `<meta name="apple-itunes-app" content="app-id=...">`. iOS Safari shows a smart banner offering to open the page in the app, with an unobtrusive 'X' to dismiss. Recommended when you have a published companion app.
Info::
Android smart-banner opt-in present (`google-play-app`)
The page declares a companion Android app via `<meta name="google-play-app" content="app-id=...">` (or `google-play-id`). Combined with Chrome's intent: protocol or App Links, this lets supporting browsers offer to open the page in the app.
Info::
Browser-chrome `theme-color` meta tag present
The page sets `<meta name="theme-color" content="...">`, which Android Chrome uses to tint the status bar and iOS Safari uses for the toolbar background. Brand polish that costs nothing and Just Works.
All checks on this page are automated. Results are estimates - run targeted manual reviews when the score affects a release decision.

Send Feedback