Skip to content
https://pixnet.net

Accessibility

· 13 checks — Landmarks, headings, alt text, forms, and link quality rolled into one auditable list.
SCORE
58
GRADE
D
FIX
5
REVIEW
3
PASS
5
INFO
0
Checks
13
5 PASS 3 REVIEW 5 FIX
F
Favicon & Branding
Action
1 icon(s) detected
FIX
1 icon(s) detected
Warning::
No favicon.ico at site root
Some older browsers, bookmark tools, and RSS readers look for /favicon.ico. Add one as a fallback.
Info::
HTML icon links detected
Info::
No apple-touch-icon detected
iOS devices use this when users add your site to their home screen. Add <link rel='apple-touch-icon' sizes='180x180' href='/apple-touch-icon.png'>.
✗ favicon.ico Missing
✓ PNG Icons Present
✗ Apple Touch Missing
✗ SVG Favicon Missing
✗ Manifest Icons Missing
✗ Multiple Sizes Missing
D
Web Manifest
Action
Not found
FIX
Not found
Info::
No web manifest found
No manifest at standard paths (/manifest.json, /site.webmanifest). A manifest is optional but enables PWA features like home screen installation and standalone display.

No web manifest found.

D
Dark Mode Support
Action
No dark mode signals
FIX
No dark mode signals
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 ModeNo Dark Mode Detected
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::
3 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 3 <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
404 Error Page
Action
HTTP 404, custom page
REVIEW
HTTP 404, custom page
Info::
Correct 404 status code returned
Got: HTTP 404
Info::
Custom styled 404 page
404 Page Quality ✓ Custom 404 Page
Status Code HTTP 404 ✓Page Title 痞客邦PIXNET ✓Custom Styling ✓Navigation ✗Homepage Link ✗Search Form ✗
B
Lighthouse Accessibility Audits
Score 84/100 — 4 failing, 25 passed
REVIEW
84

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.

ARIA

When a `progressbar` element doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. Learn how to label `progressbar` elements.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Failing Elements
article.bg-card > a.relative > div.flex > div.relative article.bg-card > a.relative > div.flex > div.relative
article.bg-card > a.relative > div.flex > div.relative article.bg-card > a.relative > div.flex > div.relative
article.bg-card > a.relative > div.flex > div.relative article.bg-card > a.relative > div.flex > div.relative
article.bg-card > a.relative > div.flex > div.relative article.bg-card > a.relative > div.flex > div.relative

These are opportunities to improve the usage of ARIA in your application which may enhance the experience for users of assistive technology, like a screen reader.

Names and labels

When a button doesn't have an accessible name, screen readers announce it as "button", making it unusable for users who rely on screen readers. Learn how to make buttons more accessible.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Failing Elements
div.flex > div.relative > div.flex > button.inline-flex div.flex > div.relative > div.flex > button.inline-flex
div.flex > div.relative > div.flex > button.inline-flex div.flex > div.relative > div.flex > button.inline-flex
div.flex > div.relative > div.flex > button.inline-flex div.flex > div.relative > div.flex > button.inline-flex
div.flex > div.relative > div.flex > button.inline-flex div.flex > div.relative > div.flex > button.inline-flex

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.pix-anchor-container > div.pix-anchor-slot > div#pixnet_mb_index_anchor > iframe div.pix-anchor-container > div.pix-anchor-slot > div#pixnet_mb_index_anchor > iframe
div.flex > div#pixnet-ad-index-middle-1 > div#pixnet_mb_home_1 > iframe div.flex > div#pixnet-ad-index-middle-1 > div#pixnet_mb_home_1 > iframe
div.flex > div#pixnet-ad-index-middle-2 > div#pixnet_mb_home_2 > iframe div.flex > div#pixnet-ad-index-middle-2 > div#pixnet_mb_home_2 > iframe
body#blog-main > div#pixnet_mb_inmage > iframe body#blog-main > div#pixnet_mb_inmage > iframe

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.

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
登入 div.min-h-screen > div.container > header.site-header > button.inline-flex
文章數 div.flex > ul.order-2 > li.border-b-divider > span.text-secondary
創作節奏 div.flex > ul.order-2 > li.border-b-divider > span.text-secondary
金點賞 div.flex > ul.order-2 > li.border-b-divider > span.text-secondary
travelernotebook div.lg:border-t-divider > div.group > a.relative > span.text-secondary
09/22 div.lg:border-t-divider > div.group > div.text-secondary > time
travelernotebook div.lg:border-t-divider > div.group > a.relative > span.text-secondary
09/03 div.lg:border-t-divider > div.group > div.text-secondary > time
12/31 結束 div.flex > div.flex > span.flex > span
12/31 div.flex > span.flex > span > span.font-bold
12/31 結束 div.flex > div.flex > span.flex > span
12/31 div.flex > span.flex > span > span.font-bold
剩 8 天 div.flex > div.flex > span.flex > span
12/01 - 01/31 div.grid > article#sharp-aquos-phone > a.group > div.inline-flex
ezpretty X styleme article#ezpretty-x-styleme > a.group > div.gap-0.599 > div.text-secondary
2025/11/25 div.border-t-divider > div.relative > div.text-secondary > time
2025/12/12 div.border-t-divider > div.relative > div.text-secondary > time
2025/12/16 div.border-t-divider > div.relative > div.text-secondary > time
2025/12/10 div.border-t-divider > div.relative > div.text-secondary > time
Rola Hun ✪It's all Love div.relative > a.group > div.relative > span.text-secondary
2025/11/26 div.border-t-divider > div.relative > div.text-secondary > time
Huang Mom | 黃豆媽咪 div.relative > a.group > div.relative > span.text-secondary
2025/12/31 div.border-t-divider > div.relative > div.text-secondary > time
solomon的無限空間 div.relative > a.group > div.relative > span.text-secondary
2025/11/25 div.border-t-divider > div.relative > div.text-secondary > time
2025/08/05 div.border-t-divider > div.relative > div.text-secondary > time
2025/11/11 div.border-t-divider > div.relative > div.text-secondary > time
2025/12/06 div.border-t-divider > div.relative > div.text-secondary > time
2025/11/18 div.border-t-divider > div.relative > div.text-secondary > time
2025/09/27 div.border-t-divider > div.relative > div.text-secondary > time
CarrieBuBu div.relative > a.group > div.relative > span.text-secondary
2025/11/26 div.border-t-divider > div.relative > div.text-secondary > time
2025/09/11 div.border-t-divider > div.relative > div.text-secondary > time
2025/09/29 div.border-t-divider > div.relative > div.text-secondary > time

These are opportunities to improve the legibility of your content.

○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
●Image elements have `[alt]` attributes
●`[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
●`[aria-hidden="true"]` elements do not contain focusable descendents
●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 have a discernible name
●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
●Touch targets have sufficient size and spacing.
●Heading elements appear in a sequentially-descending order
●Document has a main landmark.
●Deprecated ARIA roles were not used
●`<video>` elements contain a `<track>` element with `[kind="captions"]`
●Image elements do not have `[alt]` attributes that are redundant text.
●Elements with visible text labels have matching accessible names.
○`[accesskey]` values are unique
○`button`, `link`, and `menuitem` elements have accessible names
○Elements with `role="dialog"` or `role="alertdialog"` have accessible names.
○ARIA input fields have accessible names
○ARIA `meter` 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
○Links are distinguishable without relying on color.
○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
○Tables have different content in the summary attribute and `<caption>`.
○All heading elements contain content.
○Uses ARIA roles only on compatible elements
○Identical links have the same purpose.
○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
Landmark Structure
45 landmarks
PASS
45 landmarks
Info::
<main> landmark present
Info::
3 <nav> landmark(s) found
Info::
All <nav> elements are properly labeled
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 CONTENTINFO footer

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

A+
Heading Hierarchy
86 headings
PASS
86 headings
Info::
Single H1 present
  • H3 旅遊
  • H3 美食
  • H3 影視
  • H3 親子
  • H3 寵物
  • H3 3C
  • H3 身心靈
  • H3 美妝
  • H3 健康
  • H3 職涯
  • H3 住家
  • H3 藝文
  • H1 痞客邦 PIXNET - 分享生活的社群平台
  • H2 本日之星
  • H3 ❤靜怡&大顆呆の親子.旅遊.美食❤
  • H4 京都住宿推薦「京都八條 都酒店」京都站步行2分鐘！親子友善、交通超方便首選！
  • H4 台東美食「阿鋐炸雞」在地超人氣炸雞！酥脆多汁雞腿必吃，宵夜首選！
  • H4 日本關西九天八夜懶人包：京阪神奈必去景點、自駕租車教學及日本上網卡推薦（含完整行程表）
  • H4 大阪燒肉推薦「炭火焼肉 道頓堀みつる 本店」道頓堀最熱鬧地段的黑毛和牛燒肉饗宴！
  • H4 金山美食「阿月野菜快炒」陽金公路隱藏版山產野菜老店，必點白斬土雞、芋頭米粉湯，份量實在好吃！
  • H4 台東池上「福原豆腐店」隱藏巷弄人氣老店！外酥內嫩炸香豆腐、超滑嫩豆花！
  • H3 總幹事耕讀筆記- 日本 ありがとうございました
  • H4 【福島旅遊】6、會津若松 飯盛山參拜道
  • H4 【福島旅遊】5、福島磐梯熱海溫泉「四季彩一力」
  • H4 木桐線上5+講座與選茶
  • H4 【福島旅遊】4、古澤屋 福島麒麟山温泉
  • H4 【福島旅遊】3、大內宿大蔥蕎麥麵
  • H4 【福島旅遊】2、福島三島町 べーべ食堂
  • H3 小吃貨安安
  • H4 栄次郎個人燒肉—板橋餐廳推薦
  • H4 日月潭淶滬文旅酒店遠眺日月潭美景的高CP，180度超強無敵美景住宿選擇
  • H4 淶滬文旅酒店台北輕旅行淡水住宿高CP首選
  • H4 新發現衛生棉推薦Flora「芙若菈衛生棉」 獨特涼感芯片用過就回不去了
  • H4 台中家庭聚餐首選台中燒鵝焱月燒鵝 好吃到值得二訪
  • H4 饗鍋物料理台中西屯火鍋銅盤烤肉 一吃就上癮的排隊名店
  • H3 米雪兒 Fashion Beauty Diary
  • H4 極致講究的老協珍白金雞精～讓我們把日子過得更精緻，把自己養得更尊貴
  • H4 找回消失的輪廓線～Linear Z 音波更快更有感！
  • H4 我的自信與驕傲～來自多年長期飲用的Liftage麗芙緹PG-EX
  • H4 2024寶雅必買！不斷回購的私心愛用推薦開箱分享～
  • H4 2024褲型尿布推薦~好奇小森林評價NO.1 嬌嫩屁屁的極致柔軟體驗.透氣乾爽
  • H4 防蚊推薦～法國帕洛Parakito天然長效防蚊液＆防蚊手環，讓孩子更自在探索
  • H3 貝大小姐的多元心宇宙 (原『貝大小姐與瑞餚姐の囂脂私蜜話』)
  • H4 【台北內湖區 麻辣鴛鴦鍋推薦】四川龍府 麻辣鍋＋白湯雙享受，好吃到停不下來！
  • H4 【桃園青埔 鴛鴦火鍋推薦】怎麻辣頂級鴛鴦麻辣火鍋 四宮格開吃，四種湯頭一次滿足！
  • H4 【網購 洗髮精推薦】One Heart 全新養髮系列 白茶香氛韻養洗髮精 換季頭皮不再鬧脾氣，洗一次就愛上！
  • H4 【網購旅行頸枕推薦】Travel Blue 藍旅 寧靜頸枕新色套組新上市 旅行清單第一名，超值優惠組合，讓你機場走跳不狼狽！
  • H4 【宜蘭火鍋餐廳推薦】鼎楓寶島火鍋 旗艦店 湯頭爆香、海鮮超狂，Google 4.7 星真的值得專程來吃！
  • H4 【網購水餃推薦】橫須賀調理所嚴選 老惦三十手工水餃 韭菜、高麗菜、玉米通通好吃的神級冷凍水餃！
  • H3 Smile Life維媽育兒生活 ♥
  • H4 3/15更新｜維媽育兒精選團購2026年度預告（隨時更新密切關注)
  • H4 芳茲轉大人滴雞精｜青少年成長營養配方。幫孩子補營養，提升體力
  • H4 宜蘭｜綠舞國際觀光飯店、雙人房早餐+宵夜，住一晚5388元起 免費房型升等、旺日只要加半價。浴衣體驗、忍者挑戰營、可愛動物大軍、庭園VILLA房開箱
  • H4 時間留給自己。 料理交給Koodie｜免顧火、免洗碗。一鍵開啟你的智慧餐桌
  • H4 深層保養｜皮膚要健康，先讓毛孔變乾淨！日本沙龍級SPA保養「Home Esthe脈衝離子多功能美容儀」導出平常清潔不到的深層汙垢，後續保養才有意義
  • H4 家庭料理巧幫手｜韓國CUITISAN酷藝師不銹鋼保鮮盒。全世界第一個可進微波爐和氣炸鍋保鮮盒／藻作坊
  • H3 大試用時代，從搶先開箱到好文精選
  • H4 不用排隊、不用預約！解鎖【神秘餐廳驚喜包】，帶你直擊連 Google 地圖都找不到的美味
  • H4 新手爸媽必看！開箱「零廢物」育兒大禮包：幫你省下萬元冤枉錢，每一樣都後悔沒早買！
  • H4 日系優雅，AI 升級！年度話題新機搶先親臨體驗【SHARP AQUOS wish5s】
  • H4 疲憊媽媽與職場女性看過來！娘家極好85%魚油軟膠囊 打造全家人的健康防線
  • H4 不用排隊、不用預約！解鎖【神秘餐廳驚喜包】，帶你直擊連 Google 地圖都找不到的美味
  • H4 新手爸媽必看！開箱「零廢物」育兒大禮包：幫你省下萬元冤枉錢，每一樣都後悔沒早買！
  • H4 日系優雅，AI 升級！年度話題新機搶先親臨體驗【SHARP AQUOS wish5s】
  • H4 疲憊媽媽與職場女性看過來！娘家極好85%魚油軟膠囊 打造全家人的健康防線
  • H3 主題策展
  • H4 夏普AQUOS手機
  • H4 eZ潮流串 你的潮流生活，一條龍完成
  • H4 陪伴牠的最後一哩路，你注意過這4個「無聲警訊」嗎？
  • H2 熱搜話題
  • H2 本日頻道焦點
  • H3 安妮公主花園餐廳｜台中新社｜森林系療癒！台中「安妮公主」不只是花園餐廳及婚宴場地，更是香草探險樂園！酥脆豬腳、清爽燉飯征服全家大小！10
  • H3 {太平美食}王爺王肉羹｜台中太平人氣排隊店！羹湯濃郁、滷肉飯香到不行，美味小吃一次全攻略
  • H3 台中北區｜曼谷小城泰式料理。二訪台中平價大份量高CP值泰式料理餐廳ꔛ多款人氣泰式風味料理新鮮現做，豐盛美味料多實在又份量十足讓人一吃再吃
  • H3 貓腎衰竭治療案例(腎臟病)4級降回3級(食慾活力體重回復)
  • H3 【愛情占卜 情感修復真實案例】42歲貴婦哭訴我懷疑他有外遇
  • H3 強化能量心法之十
  • H3 【布太太的BL耽美小說推薦書單】更新時間: 2025.11.26
  • H3 瓦城深秋日記-十一月下篇
  • H3 【蘇珊米勒】2025年12月水瓶座運勢
  • H3 Taylor Swift - Opalite 蛋白石 - 中文歌詞
  • H3 全聯好物推薦｜全聯火鍋季【十味觀】x狂一鍋  爆炒蒜頭蛤蠣雞鍋湯底＋狂派酸菜魚湯底。冷冷的天也要暖呼呼🔥聯名湯底包，開火就能上桌✨蒜香濃
  • H3 【Office版本比較】我應該買Office 2024(買斷制)，還是買Micorsoft 365(訂閱制)划算？ (2025年8月更新)
  • H3 《健康》【momochan沫沫將】正版授權人氣IP小小兵系列｜兒童葡聚醣推薦！讓日常保養變成孩子最期待的時光
  • H3 滿額贈冰冰被/雙人兩用被 買床墊送羊毛枕 法蘭絨毯69元起 床包組230元 石墨稀雙人水洗被690元起 鋪棉厚包組880元起 法蘭絨四件組890元起 彈簧床墊自助�
  • H3 竹北遠百奢華美容SPA推薦LA ROUGE Pierre 美國比佛利山莊頂級保養品牌 高效護膚做臉 30分鐘喚醒肌膚自然光彩
A
Alt Text Quality
All 141 images OK
PASS
All 141 images OK
Info::
19 image(s) with alt text over 125 characters
Info::
122 image(s) with good alt text
141 images 122 good alt text
IssueCount
too long19 image(s)
A+
Form Accessibility
No form controls
PASS
No form controls
Info::
No form controls on this page
No form controls found.
A+
Color Contrast (Screenshot)
20 text elements analyzed, 0 fail WCAG AA
PASS

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

20 pass
Show all checked elements (20)
ElementRatioRequiredFGBGResult
h1 痞客邦 PIXNET - …21.00:13.0:1
#000000
#FFFFFF
Pass
h2 本日之星21.00:13.0:1
#000000
#FFFFFF
Pass
h2 熱搜話題21.00:13.0:1
#000000
#FFFFFF
Pass
h2 本日頻道焦點21.00:13.0:1
#000000
#FFFFFF
Pass
h3 ❤靜怡&大顆呆…21.00:13.0:1
#000000
#FFFFFF
Pass
h3 總幹事耕讀筆…21.00:13.0:1
#000000
#FFFFFF
Pass
h3 小吃貨安安21.00:13.0:1
#000000
#FFFFFF
Pass
h3 米雪兒 Fashion Be…21.00:13.0:1
#000000
#FFFFFF
Pass
h3 貝大小姐的多…21.00:13.0:1
#000000
#FFFFFF
Pass
h3 Smile Life維媽育…21.00:13.0:1
#000000
#FFFFFF
Pass
h3 大試用時代，…21.00:13.0:1
#000000
#FFFFFF
Pass
h3 主題策展21.00:13.0:1
#000000
#FFFFFF
Pass
h3 安妮公主花園…21.00:13.0:1
#000000
#FFFFFF
Pass
h3 {太平美食}王爺…21.00:13.0:1
#000000
#FFFFFF
Pass
h3 台中北區｜曼…21.00:13.0:1
#000000
#FFFFFF
Pass
h3 貓腎衰竭治療…21.00:13.0:1
#000000
#FFFFFF
Pass
h3 【愛情占卜 情…21.00:13.0:1
#000000
#FFFFFF
Pass
h3 強化能量心法…21.00:13.0:1
#000000
#FFFFFF
Pass
h3 【布太太的BL耽…21.00:13.0:1
#000000
#FFFFFF
Pass
h3 瓦城深秋日記-…21.00:13.0:1
#000000
#FFFFFF
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.

All checks on this page are automated. Results are estimates - run targeted manual reviews when the score affects a release decision.

Send Feedback