{
  "schemaVersion": 1,
  "createdAt": "2026-08-18T10:25:29.021Z",
  "requestedUrl": "http://127.0.0.1:8000/particle-horizontal.html?progress=0",
  "outputDirectory": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/frontend-qa/permanent-process-map-v39a",
  "scenarios": [
    {
      "browser": "chromium",
      "viewportName": "desktop",
      "requestedViewport": {
        "width": 1440,
        "height": 1000
      },
      "identity": {
        "url": "http://127.0.0.1:8000/particle-horizontal.html?progress=0",
        "title": "제작절차 · TN Silver",
        "headings": [
          "제작 의뢰"
        ],
        "language": "ko"
      },
      "navigationError": null,
      "screenshotPath": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/frontend-qa/permanent-process-map-v39a/chromium-desktop.png",
      "consoleMessages": [],
      "pageErrors": [],
      "failedRequests": [],
      "errorResponses": [],
      "layout": {
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "document": {
          "clientWidth": 1440,
          "scrollWidth": 1440,
          "clientHeight": 1000,
          "scrollHeight": 6400
        },
        "hasHorizontalOverflow": false,
        "overflowingElements": [],
        "brokenImages": []
      },
      "axeViolations": []
    },
    {
      "browser": "chromium",
      "viewportName": "mobile",
      "requestedViewport": {
        "width": 390,
        "height": 844
      },
      "identity": {
        "url": "http://127.0.0.1:8000/particle-horizontal.html?progress=0",
        "title": "제작절차 · TN Silver",
        "headings": [
          "제작 의뢰"
        ],
        "language": "ko"
      },
      "navigationError": null,
      "screenshotPath": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/frontend-qa/permanent-process-map-v39a/chromium-mobile.png",
      "consoleMessages": [],
      "pageErrors": [],
      "failedRequests": [],
      "errorResponses": [],
      "layout": {
        "viewport": {
          "width": 390,
          "height": 844
        },
        "document": {
          "clientWidth": 390,
          "scrollWidth": 390,
          "clientHeight": 844,
          "scrollHeight": 5402
        },
        "hasHorizontalOverflow": false,
        "overflowingElements": [
          {
            "element": "article.process-copy.process-copy-next",
            "left": 52,
            "right": 410,
            "width": 358
          },
          {
            "element": "p.process-overline",
            "left": 52,
            "right": 410,
            "width": 358
          },
          {
            "element": "h2",
            "left": 52,
            "right": 410,
            "width": 358
          },
          {
            "element": "p.process-description",
            "left": 55,
            "right": 407,
            "width": 352
          }
        ],
        "brokenImages": []
      },
      "axeViolations": [
        {
          "id": "color-contrast",
          "impact": "serious",
          "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
          "help": "Elements must meet minimum color contrast ratio thresholds",
          "helpUrl": "https://dequeuniversity.com/rules/axe/4.13/color-contrast?application=playwright",
          "nodes": [
            {
              "target": [
                "button[data-scroll-target=\"0\"] > span"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.29 (foreground color: #7b8781, background color: #eaf3ee, font size: 5.0pt (6.72px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "button[data-scroll-target=\"0\"] > small"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.12 (foreground color: #6b7771, background color: #eaf3ee, font size: 4.7pt (6.24px), font weight: normal). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "button[data-scroll-target=\"1\"] > span"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.44 (foreground color: #7b8781, background color: #f5f6f6, font size: 5.0pt (6.72px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "button[data-scroll-target=\"1\"] > small"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.3 (foreground color: #6b7771, background color: #f5f6f6, font size: 4.7pt (6.24px), font weight: normal). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "button[data-scroll-target=\"2\"] > span"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.44 (foreground color: #7b8781, background color: #f5f6f6, font size: 5.0pt (6.72px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "button[data-scroll-target=\"2\"] > small"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.3 (foreground color: #6b7771, background color: #f5f6f6, font size: 4.7pt (6.24px), font weight: normal). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "button[data-scroll-target=\"3\"] > span"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.44 (foreground color: #7b8781, background color: #f5f6f6, font size: 5.0pt (6.72px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "button[data-scroll-target=\"3\"] > small"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.3 (foreground color: #6b7771, background color: #f5f6f6, font size: 4.7pt (6.24px), font weight: normal). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "button[data-scroll-target=\"4\"] > span"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.44 (foreground color: #7b8781, background color: #f5f6f6, font size: 5.0pt (6.72px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "button[data-scroll-target=\"4\"] > small"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.3 (foreground color: #6b7771, background color: #f5f6f6, font size: 4.7pt (6.24px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ]
        }
      ]
    },
    {
      "browser": "firefox",
      "viewportName": "desktop",
      "requestedViewport": {
        "width": 1440,
        "height": 1000
      },
      "identity": {
        "url": "http://127.0.0.1:8000/particle-horizontal.html?progress=0",
        "title": "제작절차 · TN Silver",
        "headings": [
          "제작 의뢰"
        ],
        "language": "ko"
      },
      "navigationError": null,
      "screenshotPath": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/frontend-qa/permanent-process-map-v39a/firefox-desktop.png",
      "consoleMessages": [],
      "pageErrors": [],
      "failedRequests": [],
      "errorResponses": [],
      "layout": {
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "document": {
          "clientWidth": 1440,
          "scrollWidth": 1440,
          "clientHeight": 1000,
          "scrollHeight": 6400
        },
        "hasHorizontalOverflow": false,
        "overflowingElements": [],
        "brokenImages": []
      },
      "axeViolations": []
    },
    {
      "browser": "firefox",
      "viewportName": "mobile",
      "requestedViewport": {
        "width": 390,
        "height": 844
      },
      "identity": {
        "url": "http://127.0.0.1:8000/particle-horizontal.html?progress=0",
        "title": "제작절차 · TN Silver",
        "headings": [
          "제작 의뢰"
        ],
        "language": "ko"
      },
      "navigationError": null,
      "screenshotPath": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/frontend-qa/permanent-process-map-v39a/firefox-mobile.png",
      "consoleMessages": [],
      "pageErrors": [],
      "failedRequests": [],
      "errorResponses": [],
      "layout": {
        "viewport": {
          "width": 390,
          "height": 844
        },
        "document": {
          "clientWidth": 390,
          "scrollWidth": 390,
          "clientHeight": 844,
          "scrollHeight": 5402
        },
        "hasHorizontalOverflow": false,
        "overflowingElements": [
          {
            "element": "article.process-copy.process-copy-next",
            "left": 52,
            "right": 410,
            "width": 358
          },
          {
            "element": "p.process-overline",
            "left": 52,
            "right": 410,
            "width": 358
          },
          {
            "element": "h2",
            "left": 52,
            "right": 410,
            "width": 358
          },
          {
            "element": "p.process-description",
            "left": 55,
            "right": 407,
            "width": 352
          }
        ],
        "brokenImages": []
      },
      "axeViolations": [
        {
          "id": "color-contrast",
          "impact": "serious",
          "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
          "help": "Elements must meet minimum color contrast ratio thresholds",
          "helpUrl": "https://dequeuniversity.com/rules/axe/4.13/color-contrast?application=playwright",
          "nodes": [
            {
              "target": [
                "button[data-scroll-target=\"0\"] > span"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.29 (foreground color: #7b8781, background color: #eaf3ee, font size: 5.0pt (6.72px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "button[data-scroll-target=\"0\"] > small"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.12 (foreground color: #6b7771, background color: #eaf3ee, font size: 4.7pt (6.24px), font weight: normal). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "button[data-scroll-target=\"1\"] > span"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.44 (foreground color: #7b8781, background color: #f5f6f6, font size: 5.0pt (6.72px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "button[data-scroll-target=\"1\"] > small"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.3 (foreground color: #6b7771, background color: #f5f6f6, font size: 4.7pt (6.24px), font weight: normal). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "button[data-scroll-target=\"2\"] > span"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.44 (foreground color: #7b8781, background color: #f5f6f6, font size: 5.0pt (6.72px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "button[data-scroll-target=\"2\"] > small"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.3 (foreground color: #6b7771, background color: #f5f6f6, font size: 4.7pt (6.24px), font weight: normal). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "button[data-scroll-target=\"3\"] > span"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.44 (foreground color: #7b8781, background color: #f5f6f6, font size: 5.0pt (6.72px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "button[data-scroll-target=\"3\"] > small"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.3 (foreground color: #6b7771, background color: #f5f6f6, font size: 4.7pt (6.24px), font weight: normal). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "button[data-scroll-target=\"4\"] > span"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.44 (foreground color: #7b8781, background color: #f5f6f6, font size: 5.0pt (6.72px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "button[data-scroll-target=\"4\"] > small"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.3 (foreground color: #6b7771, background color: #f5f6f6, font size: 4.7pt (6.24px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ]
        }
      ]
    },
    {
      "browser": "webkit",
      "viewportName": "desktop",
      "requestedViewport": {
        "width": 1440,
        "height": 1000
      },
      "identity": {
        "url": "http://127.0.0.1:8000/particle-horizontal.html?progress=0",
        "title": "제작절차 · TN Silver",
        "headings": [
          "제작 의뢰"
        ],
        "language": "ko"
      },
      "navigationError": null,
      "screenshotPath": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/frontend-qa/permanent-process-map-v39a/webkit-desktop.png",
      "consoleMessages": [],
      "pageErrors": [],
      "failedRequests": [],
      "errorResponses": [],
      "layout": {
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "document": {
          "clientWidth": 1440,
          "scrollWidth": 1440,
          "clientHeight": 1000,
          "scrollHeight": 6400
        },
        "hasHorizontalOverflow": false,
        "overflowingElements": [],
        "brokenImages": []
      },
      "axeViolations": []
    },
    {
      "browser": "webkit",
      "viewportName": "mobile",
      "requestedViewport": {
        "width": 390,
        "height": 844
      },
      "identity": {
        "url": "http://127.0.0.1:8000/particle-horizontal.html?progress=0",
        "title": "제작절차 · TN Silver",
        "headings": [
          "제작 의뢰"
        ],
        "language": "ko"
      },
      "navigationError": null,
      "screenshotPath": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/frontend-qa/permanent-process-map-v39a/webkit-mobile.png",
      "consoleMessages": [],
      "pageErrors": [],
      "failedRequests": [],
      "errorResponses": [],
      "layout": {
        "viewport": {
          "width": 390,
          "height": 844
        },
        "document": {
          "clientWidth": 390,
          "scrollWidth": 390,
          "clientHeight": 844,
          "scrollHeight": 5402
        },
        "hasHorizontalOverflow": false,
        "overflowingElements": [
          {
            "element": "article.process-copy.process-copy-next",
            "left": 52,
            "right": 410,
            "width": 358
          },
          {
            "element": "p.process-overline",
            "left": 52,
            "right": 410,
            "width": 358
          },
          {
            "element": "h2",
            "left": 52,
            "right": 410,
            "width": 358
          },
          {
            "element": "p.process-description",
            "left": 55,
            "right": 407,
            "width": 352
          }
        ],
        "brokenImages": []
      },
      "axeViolations": [
        {
          "id": "color-contrast",
          "impact": "serious",
          "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
          "help": "Elements must meet minimum color contrast ratio thresholds",
          "helpUrl": "https://dequeuniversity.com/rules/axe/4.13/color-contrast?application=playwright",
          "nodes": [
            {
              "target": [
                "button[data-scroll-target=\"0\"] > span"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.29 (foreground color: #7b8781, background color: #eaf3ee, font size: 5.0pt (6.72px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "button[data-scroll-target=\"0\"] > small"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.12 (foreground color: #6b7771, background color: #eaf3ee, font size: 4.7pt (6.24px), font weight: normal). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "button[data-scroll-target=\"1\"] > span"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.44 (foreground color: #7b8781, background color: #f5f6f6, font size: 5.0pt (6.72px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "button[data-scroll-target=\"1\"] > small"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.3 (foreground color: #6b7771, background color: #f5f6f6, font size: 4.7pt (6.24px), font weight: normal). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "button[data-scroll-target=\"2\"] > span"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.44 (foreground color: #7b8781, background color: #f5f6f6, font size: 5.0pt (6.72px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "button[data-scroll-target=\"2\"] > small"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.3 (foreground color: #6b7771, background color: #f5f6f6, font size: 4.7pt (6.24px), font weight: normal). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "button[data-scroll-target=\"3\"] > span"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.44 (foreground color: #7b8781, background color: #f5f6f6, font size: 5.0pt (6.72px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "button[data-scroll-target=\"3\"] > small"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.3 (foreground color: #6b7771, background color: #f5f6f6, font size: 4.7pt (6.24px), font weight: normal). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "button[data-scroll-target=\"4\"] > span"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.44 (foreground color: #7b8781, background color: #f5f6f6, font size: 5.0pt (6.72px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "button[data-scroll-target=\"4\"] > small"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.3 (foreground color: #6b7771, background color: #f5f6f6, font size: 4.7pt (6.24px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ]
        }
      ]
    }
  ],
  "browserLaunchErrors": []
}