Mobile Resilience Index 2026: How 34 Top Websites Hold Up on Phones
Preliminary results. These numbers come from a pilot sample of the 34 highest-ranked sites. The full study is in progress; this page updates automatically as the data grows.
38% of the 34 most popular websites break when a phone user enlarges text to 150%, and only 21% switch to a dark theme when the phone is in dark mode. We loaded each homepage on iPhone 14 Pro and Samsung Galaxy S22 profiles, then repeated every test in dark mode and with 150% text.
Key findings
- 38% of sites break at 150% text: 15% cut off text, 9% overlap text and 21% start scrolling sideways. 35% break on both phones.
- 68% declare dark-mode styles, but only 21% visibly switch to a dark theme; 24% have a dark design even in light mode.
- 21% have text below WCAG AA contrast, and 21% have low-contrast text in dark mode — 0% of sites with a dark theme get more low-contrast text in it than in light mode.
- 38% show text smaller than 12px on a phone (12% have ten or more such elements); median body text is 16.3px.
- 24% have tap targets under 24×24px crowded by other targets; 3% scroll sideways even at normal text size; 15% block pinch-zoom.
- The median homepage weighs 1.3 MB, with a median LCP of 1.2 s (9% weigh over 3 MB; 18% paint after 2.5 s).
Large text: what breaks at 150%
People with low vision — and many who just want to read without glasses — raise their phone’s text size. We enlarged every font on each homepage by 50% and compared the layout with the normal view. Problems that already existed at normal size don’t count; only what the larger text caused.
The usual culprits are fixed heights on buttons and cards, labels with white-space: nowrap and overflow: hidden, and navigation bars sized in pixels. Our guide Large text: keep your layout from breaking shows the CSS fixes; overlapping and clipped text covers the two most common symptoms.
Dark mode: declared vs. delivered
With the phone set to dark mode we checked two things: whether the site has dark-mode styles at all, and whether its first screen actually turns dark. Many sites ship a prefers-color-scheme rule for a widget or an icon while the page itself stays bright.
See how to support dark mode without losing contrast.
Everyday readability on a phone
Fixes: low-contrast text, text too small, tap targets, content wider than the screen.
Scores
Each test produces MobileCheck’s readability score from 0 to 100 (85+ is good, 60–84 needs work, below 60 is poor). A site’s Resilience score is the average of its normal, dark-mode and 150%-text scores across both phones. The median site scores 93.
| Ranking slice | Sites | Median Resilience | Break at 150% | Dark theme | Low contrast |
|---|---|---|---|---|---|
| Sites 1–34 | 34 | 93 | 38% | 21% | 21% |
| Domain type | Sites | Median Resilience | Break at 150% | Dark theme | Low contrast |
|---|---|---|---|---|---|
| .com | 28 | 94 | 32% | 18% | 25% |
| Other generic TLDs | 4 | 91 | 75% | 50% | 0% |
| Country-code TLDs | 2 | 89 | 50% | 0% | 0% |
| Profile | Normal | Dark | 150% text | Break at 150% | Sideways scroll |
|---|---|---|---|---|---|
| iPhone 14 Pro 393×852, 3x | 88.5 | 100 | 99 | 35% | 3% |
| Samsung Galaxy S22 360×780, 3x | 90 | 100 | 100 | 38% | 0% |
Results for every site
| Rank | Site | Resilience | Normal | Dark | 150% text | Breaks at 150% | Dark theme | Text <12px | Low contrast |
|---|---|---|---|---|---|---|---|---|---|
| 1 | google.com | 87 | 85 | 100 | 77 | Yes | No | 0 | 0 |
| 2 | cloudflare.com | 94 | 84 | 99 | 100 | No | No | 0 | 1 |
| 3 | facebook.com | 97 | 92 | 100 | 100 | No | No | 3 | 0 |
| 8 | microsoft.com | 86 | 61 | 100 | 98 | No | No | 44 | 0 |
| 10 | apple.com | 89 | 70 | 100 | 98 | Yes | No | 0 | 0 |
| 11 | youtube.com | 96 | 89 | 99 | 100 | No | No | 3 | 1 |
| 13 | instagram.com | 98 | 95 | 100 | 100 | No | Yes | 0 | 0 |
| 28 | amazon.com | 94 | 84 | 100 | 99 | No | No | 6 | 0 |
| 31 | github.com | 99 | 96 | 100 | 100 | No | No | 0 | 0 |
| 32 | wikipedia.org | 86 | 83 | 100 | 75 | Yes | Yes | 0 | 0 |
| 40 | bing.com | 99 | 97 | 100 | 100 | No | No | 0 | 0 |
| 50 | icloud.com | 98 | 94 | 100 | 100 | No | Yes | 4 | 0 |
| 51 | wordpress.org | 93 | 99 | 100 | 80 | Yes | No | 0 | 0 |
| 55 | skype.com | 99 | 97 | 100 | 100 | No | No | 2 | 0 |
| 62 | tiktok.com | 93 | 91 | 100 | 88 | Yes | No | 0 | 0 |
| 63 | whatsapp.com | 98 | 95 | 100 | 100 | No | No | 0 | 0 |
| 69 | zoom.us | 85 | 60 | 100 | 96 | No | No | 12 | 0 |
| 73 | roblox.com | 100 | 100 | 100 | 100 | No | No | 0 | 0 |
| 74 | spotify.com | 94 | 83 | 100 | 100 | No | No | 6 | 0 |
| 77 | opera.com | 98 | 93 | 100 | 100 | No | No | 3 | 0 |
| 80 | baidu.com | 95 | 88 | 96 | 100 | No | No | 0 | 3 |
| 82 | nginx.org | 93 | 100 | 100 | 80 | Yes | Yes | 0 | 0 |
| 86 | qq.com | 75 | 46 | 80 | 100 | No | No | 15 | 18 |
| 90 | f5.com | 93 | 98 | 100 | 80 | Yes | No | 0 | 0 |
| 93 | blogspot.com | 88 | 92 | 93 | 80 | Yes | No | 0 | 5 |
| 94 | mozilla.org | 89 | 79 | 100 | 88 | No | No | 0 | 0 |
| 98 | yuga.com | 81 | 72 | 85 | 85 | Yes | No | 0 | 0 |
| 102 | epicgames.com | 86 | 70 | 100 | 88 | Yes | No | 2 | 0 |
| 109 | chatgpt.com | 98 | 93 | 100 | 100 | No | Yes | 5 | 0 |
| 111 | ui.com | 92 | 85 | 90 | 100 | No | No | 0 | 7 |
| 112 | europa.eu | 93 | 100 | 100 | 80 | Yes | No | 0 | 0 |
| 116 | samsung.com | 91 | 75 | 100 | 97 | Yes | No | 11 | 0 |
| 120 | openai.com | 93 | 81 | 100 | 98 | Yes | Yes | 0 | 0 |
| 133 | dropbox.com | 96 | 88 | 99 | 100 | No | Yes | 0 | 1 |
Select a column heading to sort. Scores are 0–100 averaged over both phones. “Text <12px” and “Low contrast” count elements on the worse of the two phones. Rank is the site’s position in the Tranco list.
14 sites we couldn’t test fairly (excluded)
4 did not load · 9 blocked our test browser (bot protection) · 1 had no text our audit could read (e.g. an empty shell or text inside shadow DOM).
mail.ru (failed) twitter.com (blocked) linkedin.com (blocked) dzen.ru (failed) netflix.com (blocked) x.com (blocked) pinterest.com (blocked) adobe.com (blocked) yahoo.com (blocked) msn.com (no-content) vimeo.com (failed) yandex.ru (failed) reddit.com (blocked) intuit.com (blocked)
Method
- Sample
- The homepages (
https://domain/) of the highest-ranked websites in the Tranco list (ID GQG5K, October 19, 2026), taken top-down. We skipped infrastructure domains without a website for people (CDNs, DNS, ad and analytics endpoints), link shorteners, adult sites, and the same brand on another country domain. 85 entries were skipped this way. Of 48 sites attempted, 14 were excluded after testing (bot protection, load errors, HTTP errors, pages without auditable text, or redirects to a site already in the sample), leaving 34. - Devices and engine
- iPhone 14 Pro / 15 / 15 Pro / 16: 393×852 CSS px, device pixel ratio 3; Samsung Galaxy S22 / S23 / S24 / S25: 360×780 CSS px, device pixel ratio 3. Both profiles were rendered in Chromium with each device’s viewport, pixel ratio, touch input and user agent; the iPhone profile therefore shows the page iPhone visitors are served, laid out by Chromium rather than Safari’s WebKit engine. One page load per device, browser bars subtracted from the viewport, browser language en-US.
- Scenarios
- Normal: the page after loading, closing cookie banners and scrolling once to load lazy content. Dark mode:
prefers-color-scheme: dark. 150% text: every element’s computed font size (and pixel line height) multiplied by 1.5. - Thresholds
- Very small text: under 12px as rendered (after any page scaling). Contrast: WCAG 2.2 AA, 4.5:1 for normal text and 3:1 for large text (24px, or 18.66px bold). Tap targets: under 24×24px with another target within 12px of the centre (WCAG 2.5.8). Sticky bars: fixed elements covering over 25% of the screen. LCP over 2.5 s, CLS over 0.1, page weight over 3 MB.
- Breaks at 150% text
- Compared with the normal view on the same phone: the page becomes wider than the screen, or more text is clipped, or more text overlaps other text. A site breaks if this happens on at least one phone.
- Dark theme
- The site declares dark-mode styles (a
prefers-color-scheme: darkrule,color-schemeor a color-scheme meta tag) and the mean luminance of its first screen drops by at least 0.15 compared with light mode. “Dark design even in light mode”: first screen mean luminance below 0.25 in light mode. - Percentages
- “Share of sites” counts a site if the problem appears on at least one of the two phones. Each percentage is out of the sites where that scenario completed (shown as “x of n sites”).
Limitations
- Only homepages were tested; inner pages, logged-in areas and app-like flows may behave differently.
- The iPhone profile was rendered in Chromium, not Safari. Font metrics and a few CSS features differ, so some iPhone-specific bugs are missed. Real phones also use different system fonts.
- Enlarging every font size by 1.5 approximates the phone’s text-size setting and browser text zoom; sites that respond to
-apple-system-bodyor Dynamic Type may react differently on a real device. - Automated checks can’t judge everything: text in images, ads and content inside cross-origin iframes is not audited, and contrast over background images is skipped.
- Sites vary by region, A/B test and time of day; one load per device is a snapshot. Bot-protected sites are excluded, which may bias the sample toward sites without aggressive bot protection.
- LCP and CLS were measured once in a lab setting, not from real users.
Download the data
Per-site results for all 34 sites, plus the excluded sites and the reason, under CC BY 4.0.
How to cite
MobileCheck (2026). Mobile Resilience Index 2026: How 34 Top Websites Hold Up on Phones [Data set]. https://mobilefriendlycheck.com/research/mobile-resilience-index
In an article: “38% of the top 34 websites break when text is enlarged to 150% (MobileCheck Mobile Resilience Index 2026).”
Frequently asked questions
What is the Mobile Resilience Index?
An original study by MobileCheck of how the homepages of 34 of the world’s most visited websites hold up on phones — in the normal view, with the phone in dark mode, and with text enlarged to 150%. Each site gets a Resilience score from 0 to 100: the average of its readability scores in those three conditions on two phone profiles (iPhone 14 Pro and Samsung Galaxy S22).
What does “breaks at 150% text” mean?
We multiplied every font size on the page by 1.5 and audited the page again. A site counts as breaking if, compared with the normal view, the page starts scrolling sideways, or text that was fine becomes cut off or overlaps other text, on at least one of the two phones. 38% of tested sites (13 of 34) did.
Why test 150% text?
Phones let people raise the system text size, and browsers let them zoom text. WCAG 2.2 success criterion 1.4.4 (Resize Text) expects text to be resizable up to 200% without loss of content or functionality, so 150% is a moderate, realistic setting — a layout that fails at 150% will fail people who need larger text.
How did you decide whether a site supports dark mode?
We switched the browser to prefers-color-scheme: dark and compared the first screen with the normal view. A site counts as having a dark theme only if it declares dark-mode styles and its first screen gets clearly darker (mean luminance drops by at least 0.15). 68% declare dark-mode styles, but only 21% actually switch.
Can I use this data?
Yes. The data and charts are licensed under Creative Commons Attribution 4.0 (CC BY 4.0): you may share and adapt them, including commercially, as long as you credit “MobileCheck, Mobile Resilience Index 2026” with a link to this page. The full per-site results are available as CSV and JSON.
How can I test my own website the same way?
Enter your address in the free MobileCheck test. It runs the same checks — including dark mode and large text — on the phones and tablets you choose and explains every problem with a screenshot and a fix.