Elements & resources
{
"type": "table",
"items": [
{
"node": {
"lhId": "1-0-A",
"path": "1,HTML,1,BODY,3,DIV,8,FOOTER,3,DIV,0,DIV,0,A",
"type": "node",
"snippet": "<a href=\"/timeline/website-development\" class=\"hover:bg-white hover:text-black hover:rounded-md px-2 py-1 text-zinc-500 b…\">",
"selector": "footer.flex > div.mb-6 > div.text-gray-500 > a.hover:bg-white",
"nodeLabel": "开发日志",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.08 (foreground color: #71717a, background color: #27272a, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5291,
"left": 16,
"right": 88,
"width": 72,
"bottom": 5315,
"height": 24
}
}
},
{
"node": {
"lhId": "1-1-P",
"path": "1,HTML,1,BODY,3,DIV,8,FOOTER,3,DIV,0,DIV,1,P",
"type": "node",
"snippet": "<p class=\" text-zinc-500 mt-2 text-sm mb-1\">",
"selector": "footer.flex > div.mb-6 > div.text-gray-500 > p.text-zinc-500",
"nodeLabel": "网站版本:2.0 - 本站在周六日缓慢开发中...",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.34 (foreground color: #71717a, background color: #000000, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5321,
"left": 16,
"right": 396,
"width": 380,
"bottom": 5341,
"height": 20
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-FOOTER",
"path": "1,HTML,1,BODY,3,DIV,8,FOOTER",
"type": "node",
"snippet": "<footer class=\"flex flex-col mt-20 bg-black w-full absolute left-0 right-0 p-4 md:p-8\">",
"selector": "body > div.container > footer.flex",
"nodeLabel": "留言\n里程碑\n好物\n好友\nFAQ\n开发日志\n\n网站版本:2.0 - 本站在周六日缓慢开发中...\n\n本站由Pipu设计&开发, 腾讯云 +Astro +Tai…",
"boundingRect": {
"top": 5140,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5469,
"height": 329
}
}
}
]
}
},
{
"node": {
"lhId": "1-3-P",
"path": "1,HTML,1,BODY,3,DIV,8,FOOTER,3,DIV,0,DIV,2,P",
"type": "node",
"snippet": "<p class=\" text-zinc-500 text-sm\">",
"selector": "footer.flex > div.mb-6 > div.text-gray-500 > p.text-zinc-500",
"nodeLabel": "本站由Pipu设计&开发, 腾讯云 +Astro +Tailwindcss提供服务&技术栈支持",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.34 (foreground color: #71717a, background color: #000000, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5345,
"left": 16,
"right": 396,
"width": 380,
"bottom": 5385,
"height": 40
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-FOOTER",
"path": "1,HTML,1,BODY,3,DIV,8,FOOTER",
"type": "node",
"snippet": "<footer class=\"flex flex-col mt-20 bg-black w-full absolute left-0 right-0 p-4 md:p-8\">",
"selector": "body > div.container > footer.flex",
"nodeLabel": "留言\n里程碑\n好物\n好友\nFAQ\n开发日志\n\n网站版本:2.0 - 本站在周六日缓慢开发中...\n\n本站由Pipu设计&开发, 腾讯云 +Astro +Tai…",
"boundingRect": {
"top": 5140,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5469,
"height": 329
}
}
}
]
}
},
{
"node": {
"lhId": "1-4-A",
"path": "1,HTML,1,BODY,3,DIV,8,FOOTER,3,DIV,0,DIV,2,P,1,A",
"type": "node",
"snippet": "<a href=\"/about\" class=\"hover:bg-white hover:text-black hover:rounded-md px-1 py-1\">",
"selector": "div.mb-6 > div.text-gray-500 > p.text-zinc-500 > a.hover:bg-white",
"nodeLabel": "Pipu",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.34 (foreground color: #71717a, background color: #000000, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5343,
"left": 60,
"right": 99,
"width": 40,
"bottom": 5367,
"height": 24
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-FOOTER",
"path": "1,HTML,1,BODY,3,DIV,8,FOOTER",
"type": "node",
"snippet": "<footer class=\"flex flex-col mt-20 bg-black w-full absolute left-0 right-0 p-4 md:p-8\">",
"selector": "body > div.container > footer.flex",
"nodeLabel": "留言\n里程碑\n好物\n好友\nFAQ\n开发日志\n\n网站版本:2.0 - 本站在周六日缓慢开发中...\n\n本站由Pipu设计&开发, 腾讯云 +Astro +Tai…",
"boundingRect": {
"top": 5140,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5469,
"height": 329
}
}
}
]
}
},
{
"node": {
"lhId": "1-5-A",
"path": "1,HTML,1,BODY,3,DIV,8,FOOTER,3,DIV,0,DIV,2,P,3,A",
"type": "node",
"snippet": "<a href=\"https://curl.qcloud.com/PwRCf3zm\" rel=\"nofollow\" target=\"_blank\" class=\"hover:bg-white hover:text-black hover:rounded-md px-1 py-1\">",
"selector": "div.mb-6 > div.text-gray-500 > p.text-zinc-500 > a.hover:bg-white",
"nodeLabel": "腾讯云",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.34 (foreground color: #71717a, background color: #000000, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5343,
"left": 180,
"right": 230,
"width": 50,
"bottom": 5367,
"height": 24
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-FOOTER",
"path": "1,HTML,1,BODY,3,DIV,8,FOOTER",
"type": "node",
"snippet": "<footer class=\"flex flex-col mt-20 bg-black w-full absolute left-0 right-0 p-4 md:p-8\">",
"selector": "body > div.container > footer.flex",
"nodeLabel": "留言\n里程碑\n好物\n好友\nFAQ\n开发日志\n\n网站版本:2.0 - 本站在周六日缓慢开发中...\n\n本站由Pipu设计&开发, 腾讯云 +Astro +Tai…",
"boundingRect": {
"top": 5140,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5469,
"height": 329
}
}
}
]
}
},
{
"node": {
"lhId": "1-6-A",
"path": "1,HTML,1,BODY,3,DIV,8,FOOTER,3,DIV,0,DIV,2,P,5,A",
"type": "node",
"snippet": "<a href=\"https://astro.build/\" target=\"_blank\" rel=\"nofollow\" class=\"hover:bg-white hover:text-black hover:rounded-md px-1 py-1\">",
"selector": "div.mb-6 > div.text-gray-500 > p.text-zinc-500 > a.hover:bg-white",
"nodeLabel": "Astro",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.34 (foreground color: #71717a, background color: #000000, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5343,
"left": 247,
"right": 291,
"width": 44,
"bottom": 5367,
"height": 24
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-FOOTER",
"path": "1,HTML,1,BODY,3,DIV,8,FOOTER",
"type": "node",
"snippet": "<footer class=\"flex flex-col mt-20 bg-black w-full absolute left-0 right-0 p-4 md:p-8\">",
"selector": "body > div.container > footer.flex",
"nodeLabel": "留言\n里程碑\n好物\n好友\nFAQ\n开发日志\n\n网站版本:2.0 - 本站在周六日缓慢开发中...\n\n本站由Pipu设计&开发, 腾讯云 +Astro +Tai…",
"boundingRect": {
"top": 5140,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5469,
"height": 329
}
}
}
]
}
},
{
"node": {
"lhId": "1-7-A",
"path": "1,HTML,1,BODY,3,DIV,8,FOOTER,3,DIV,0,DIV,2,P,7,A",
"type": "node",
"snippet": "<a href=\"https://tailwindcss.com/\" target=\"_blank\" rel=\"nofollow\" class=\"hover:bg-white hover:text-black hover:rounded-md px-1 py-1\">",
"selector": "div.mb-6 > div.text-gray-500 > p.text-zinc-500 > a.hover:bg-white",
"nodeLabel": "Tailwindcss",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.34 (foreground color: #71717a, background color: #000000, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5343,
"left": 307,
"right": 393,
"width": 86,
"bottom": 5367,
"height": 24
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-FOOTER",
"path": "1,HTML,1,BODY,3,DIV,8,FOOTER",
"type": "node",
"snippet": "<footer class=\"flex flex-col mt-20 bg-black w-full absolute left-0 right-0 p-4 md:p-8\">",
"selector": "body > div.container > footer.flex",
"nodeLabel": "留言\n里程碑\n好物\n好友\nFAQ\n开发日志\n\n网站版本:2.0 - 本站在周六日缓慢开发中...\n\n本站由Pipu设计&开发, 腾讯云 +Astro +Tai…",
"boundingRect": {
"top": 5140,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5469,
"height": 329
}
}
}
]
}
},
{
"node": {
"lhId": "1-8-P",
"path": "1,HTML,1,BODY,3,DIV,8,FOOTER,4,DIV,0,DIV,0,P",
"type": "node",
"snippet": "<p class=\"text-zinc-500 text-sm\">",
"selector": "footer.flex > div.mb-6 > div.text-gray-500 > p.text-zinc-500",
"nodeLabel": "流量 | 状态 | RSS | 站点地图 | 十年之约 | 博友圈 | 开往",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.34 (foreground color: #71717a, background color: #000000, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5409,
"left": 16,
"right": 363,
"width": 347,
"bottom": 5429,
"height": 20
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-FOOTER",
"path": "1,HTML,1,BODY,3,DIV,8,FOOTER",
"type": "node",
"snippet": "<footer class=\"flex flex-col mt-20 bg-black w-full absolute left-0 right-0 p-4 md:p-8\">",
"selector": "body > div.container > footer.flex",
"nodeLabel": "留言\n里程碑\n好物\n好友\nFAQ\n开发日志\n\n网站版本:2.0 - 本站在周六日缓慢开发中...\n\n本站由Pipu设计&开发, 腾讯云 +Astro +Tai…",
"boundingRect": {
"top": 5140,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5469,
"height": 329
}
}
}
]
}
},
{
"node": {
"lhId": "1-9-A",
"path": "1,HTML,1,BODY,3,DIV,8,FOOTER,4,DIV,0,DIV,0,P,0,A",
"type": "node",
"snippet": "<a href=\"https://umami.pipulab.com/share/nbTOpsd7ZY4fRtHU/pipuwong.com\" rel=\"nofollow\" target=\"_blank\" class=\"hover:text-blue-500\">",
"selector": "div.mb-6 > div.text-gray-500 > p.text-zinc-500 > a.hover:text-blue-500",
"nodeLabel": "流量 |",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.34 (foreground color: #71717a, background color: #000000, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5411,
"left": 16,
"right": 53,
"width": 37,
"bottom": 5427,
"height": 16
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-FOOTER",
"path": "1,HTML,1,BODY,3,DIV,8,FOOTER",
"type": "node",
"snippet": "<footer class=\"flex flex-col mt-20 bg-black w-full absolute left-0 right-0 p-4 md:p-8\">",
"selector": "body > div.container > footer.flex",
"nodeLabel": "留言\n里程碑\n好物\n好友\nFAQ\n开发日志\n\n网站版本:2.0 - 本站在周六日缓慢开发中...\n\n本站由Pipu设计&开发, 腾讯云 +Astro +Tai…",
"boundingRect": {
"top": 5140,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5469,
"height": 329
}
}
}
]
}
},
{
"node": {
"lhId": "1-10-A",
"path": "1,HTML,1,BODY,3,DIV,8,FOOTER,4,DIV,0,DIV,0,P,1,A",
"type": "node",
"snippet": "<a href=\"https://status.pipu.studio/status/1\" rel=\"nofollow\" target=\"_blank\" class=\"hover:text-blue-500\">",
"selector": "div.mb-6 > div.text-gray-500 > p.text-zinc-500 > a.hover:text-blue-500",
"nodeLabel": "状态 |",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.34 (foreground color: #71717a, background color: #000000, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5411,
"left": 58,
"right": 95,
"width": 37,
"bottom": 5427,
"height": 16
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-FOOTER",
"path": "1,HTML,1,BODY,3,DIV,8,FOOTER",
"type": "node",
"snippet": "<footer class=\"flex flex-col mt-20 bg-black w-full absolute left-0 right-0 p-4 md:p-8\">",
"selector": "body > div.container > footer.flex",
"nodeLabel": "留言\n里程碑\n好物\n好友\nFAQ\n开发日志\n\n网站版本:2.0 - 本站在周六日缓慢开发中...\n\n本站由Pipu设计&开发, 腾讯云 +Astro +Tai…",
"boundingRect": {
"top": 5140,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5469,
"height": 329
}
}
}
]
}
},
{
"node": {
"lhId": "1-11-A",
"path": "1,HTML,1,BODY,3,DIV,8,FOOTER,4,DIV,0,DIV,0,P,2,A",
"type": "node",
"snippet": "<a href=\"/subscribe\" class=\"hover:text-blue-500\">",
"selector": "div.mb-6 > div.text-gray-500 > p.text-zinc-500 > a.hover:text-blue-500",
"nodeLabel": "RSS |",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.34 (foreground color: #71717a, background color: #000000, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5411,
"left": 99,
"right": 136,
"width": 37,
"bottom": 5427,
"height": 16
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-FOOTER",
"path": "1,HTML,1,BODY,3,DIV,8,FOOTER",
"type": "node",
"snippet": "<footer class=\"flex flex-col mt-20 bg-black w-full absolute left-0 right-0 p-4 md:p-8\">",
"selector": "body > div.container > footer.flex",
"nodeLabel": "留言\n里程碑\n好物\n好友\nFAQ\n开发日志\n\n网站版本:2.0 - 本站在周六日缓慢开发中...\n\n本站由Pipu设计&开发, 腾讯云 +Astro +Tai…",
"boundingRect": {
"top": 5140,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5469,
"height": 329
}
}
}
]
}
},
{
"node": {
"lhId": "1-12-A",
"path": "1,HTML,1,BODY,3,DIV,8,FOOTER,4,DIV,0,DIV,0,P,3,A",
"type": "node",
"snippet": "<a href=\"/sitemap-index.xml\" class=\"hover:text-blue-500\">",
"selector": "div.mb-6 > div.text-gray-500 > p.text-zinc-500 > a.hover:text-blue-500",
"nodeLabel": "站点地图 |",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.34 (foreground color: #71717a, background color: #000000, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5411,
"left": 140,
"right": 206,
"width": 65,
"bottom": 5427,
"height": 16
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-FOOTER",
"path": "1,HTML,1,BODY,3,DIV,8,FOOTER",
"type": "node",
"snippet": "<footer class=\"flex flex-col mt-20 bg-black w-full absolute left-0 right-0 p-4 md:p-8\">",
"selector": "body > div.container > footer.flex",
"nodeLabel": "留言\n里程碑\n好物\n好友\nFAQ\n开发日志\n\n网站版本:2.0 - 本站在周六日缓慢开发中...\n\n本站由Pipu设计&开发, 腾讯云 +Astro +Tai…",
"boundingRect": {
"top": 5140,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5469,
"height": 329
}
}
}
]
}
},
{
"node": {
"lhId": "1-13-A",
"path": "1,HTML,1,BODY,3,DIV,8,FOOTER,4,DIV,0,DIV,0,P,4,A",
"type": "node",
"snippet": "<a href=\"https://www.foreverblog.cn\" rel=\"nofollow\" target=\"_blank\" class=\"hover:text-blue-500\">",
"selector": "div.mb-6 > div.text-gray-500 > p.text-zinc-500 > a.hover:text-blue-500",
"nodeLabel": "十年之约",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.34 (foreground color: #71717a, background color: #000000, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5411,
"left": 210,
"right": 266,
"width": 56,
"bottom": 5427,
"height": 16
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-FOOTER",
"path": "1,HTML,1,BODY,3,DIV,8,FOOTER",
"type": "node",
"snippet": "<footer class=\"flex flex-col mt-20 bg-black w-full absolute left-0 right-0 p-4 md:p-8\">",
"selector": "body > div.container > footer.flex",
"nodeLabel": "留言\n里程碑\n好物\n好友\nFAQ\n开发日志\n\n网站版本:2.0 - 本站在周六日缓慢开发中...\n\n本站由Pipu设计&开发, 腾讯云 +Astro +Tai…",
"boundingRect": {
"top": 5140,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5469,
"height": 329
}
}
}
]
}
},
{
"node": {
"lhId": "1-14-A",
"path": "1,HTML,1,BODY,3,DIV,8,FOOTER,4,DIV,0,DIV,0,P,6,A",
"type": "node",
"snippet": "<a href=\"https://www.boyouquan.com/home\" rel=\"nofollow\" target=\"_blank\" class=\"hover:text-blue-500\">",
"selector": "div.mb-6 > div.text-gray-500 > p.text-zinc-500 > a.hover:text-blue-500",
"nodeLabel": "博友圈",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.34 (foreground color: #71717a, background color: #000000, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5411,
"left": 280,
"right": 322,
"width": 42,
"bottom": 5427,
"height": 16
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-FOOTER",
"path": "1,HTML,1,BODY,3,DIV,8,FOOTER",
"type": "node",
"snippet": "<footer class=\"flex flex-col mt-20 bg-black w-full absolute left-0 right-0 p-4 md:p-8\">",
"selector": "body > div.container > footer.flex",
"nodeLabel": "留言\n里程碑\n好物\n好友\nFAQ\n开发日志\n\n网站版本:2.0 - 本站在周六日缓慢开发中...\n\n本站由Pipu设计&开发, 腾讯云 +Astro +Tai…",
"boundingRect": {
"top": 5140,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5469,
"height": 329
}
}
}
]
}
},
{
"node": {
"lhId": "1-15-A",
"path": "1,HTML,1,BODY,3,DIV,8,FOOTER,4,DIV,0,DIV,0,P,8,A",
"type": "node",
"snippet": "<a href=\"https://www.travellings.cn/plain.html\" rel=\"nofollow\" target=\"_blank\" class=\"hover:text-blue-500\">",
"selector": "div.mb-6 > div.text-gray-500 > p.text-zinc-500 > a.hover:text-blue-500",
"nodeLabel": "开往",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.34 (foreground color: #71717a, background color: #000000, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5411,
"left": 335,
"right": 363,
"width": 28,
"bottom": 5427,
"height": 16
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-FOOTER",
"path": "1,HTML,1,BODY,3,DIV,8,FOOTER",
"type": "node",
"snippet": "<footer class=\"flex flex-col mt-20 bg-black w-full absolute left-0 right-0 p-4 md:p-8\">",
"selector": "body > div.container > footer.flex",
"nodeLabel": "留言\n里程碑\n好物\n好友\nFAQ\n开发日志\n\n网站版本:2.0 - 本站在周六日缓慢开发中...\n\n本站由Pipu设计&开发, 腾讯云 +Astro +Tai…",
"boundingRect": {
"top": 5140,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5469,
"height": 329
}
}
}
]
}
}
],
"headings": [
{
"key": "node",
"label": "Failing Elements",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
}
}
],
"debugData": {
"tags": [
"cat.color",
"wcag2aa",
"wcag143",
"TTv5",
"TT13.c",
"EN-301-549",
"EN-9.1.4.3",
"ACT",
"RGAAv4",
"RGAA-3.2.1"
],
"type": "debugdata",
"impact": "serious"
}
}
