{
  "schemaVersion": 1,
  "createdAt": "2026-08-16T17:22:40.879Z",
  "requestedUrl": "http://100.119.170.126:8086/contact.html",
  "outputDirectory": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/frontend-qa/integration/contact",
  "scenarios": [
    {
      "browser": "chromium",
      "viewportName": "desktop",
      "requestedViewport": {
        "width": 1440,
        "height": 1000
      },
      "identity": {
        "url": "http://100.119.170.126:8086/contact.html",
        "title": "문의하기 — TN Silver",
        "headings": [
          "제작 문의"
        ],
        "language": "ko"
      },
      "navigationError": null,
      "screenshotPath": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/frontend-qa/integration/contact/chromium-desktop.png",
      "consoleMessages": [],
      "pageErrors": [],
      "failedRequests": [],
      "errorResponses": [],
      "layout": {
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "document": {
          "clientWidth": 1440,
          "scrollWidth": 1440,
          "clientHeight": 1000,
          "scrollHeight": 1412
        },
        "hasHorizontalOverflow": false,
        "overflowingElements": [],
        "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": [
                ".contact-message-field > .contact-field-label > b"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.27 (foreground color: #937262, background color: #fdfdfd, font size: 7.0pt (9.28px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "legend > b"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.27 (foreground color: #937262, background color: #fdfdfd, font size: 7.0pt (9.28px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                ".contact-segmented-control > label:nth-child(2) > span"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.99 (foreground color: #717775, background color: #eef0ef, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                ".contact-field:nth-child(1) > .contact-field-label > b"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.27 (foreground color: #937262, background color: #fdfdfd, font size: 7.0pt (9.28px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                ".contact-field:nth-child(2) > .contact-field-label > em"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.14 (foreground color: #8c918f, background color: #fdfdfd, font size: 7.0pt (9.28px), font weight: normal). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "b[data-phone-marker=\"\"]"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.27 (foreground color: #937262, background color: #fdfdfd, font size: 7.0pt (9.28px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "em[data-email-marker=\"\"]"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.14 (foreground color: #8c918f, background color: #fdfdfd, font size: 7.0pt (9.28px), font weight: normal). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "span:nth-child(3) > small"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.12 (foreground color: #777d7b, background color: #fdfdfd, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                ".contact-file-drop > em"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.15 (foreground color: #8b918f, background color: #fdfdfd, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "small > b"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.27 (foreground color: #937262, background color: #fdfdfd, font size: 8.0pt (10.72px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ]
        }
      ]
    },
    {
      "browser": "chromium",
      "viewportName": "mobile",
      "requestedViewport": {
        "width": 390,
        "height": 844
      },
      "identity": {
        "url": "http://100.119.170.126:8086/contact.html",
        "title": "문의하기 — TN Silver",
        "headings": [
          "제작 문의"
        ],
        "language": "ko"
      },
      "navigationError": null,
      "screenshotPath": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/frontend-qa/integration/contact/chromium-mobile.png",
      "consoleMessages": [],
      "pageErrors": [],
      "failedRequests": [],
      "errorResponses": [],
      "layout": {
        "viewport": {
          "width": 390,
          "height": 844
        },
        "document": {
          "clientWidth": 390,
          "scrollWidth": 390,
          "clientHeight": 844,
          "scrollHeight": 1532
        },
        "hasHorizontalOverflow": false,
        "overflowingElements": [
          {
            "element": "div.contact-form-content",
            "left": 41,
            "right": 745,
            "width": 704
          },
          {
            "element": "div.contact-panel-heading",
            "left": 73,
            "right": 713,
            "width": 640
          },
          {
            "element": "label.contact-field.contact-message-field",
            "left": 73,
            "right": 713,
            "width": 640
          },
          {
            "element": "span.contact-field-label",
            "left": 73,
            "right": 713,
            "width": 640
          },
          {
            "element": "textarea",
            "left": 73,
            "right": 713,
            "width": 640
          },
          {
            "element": "fieldset.contact-reply-method",
            "left": 73,
            "right": 713,
            "width": 640
          },
          {
            "element": "div.contact-segmented-control",
            "left": 73,
            "right": 713,
            "width": 640
          },
          {
            "element": "label",
            "left": 397,
            "right": 709,
            "width": 312
          },
          {
            "element": "input",
            "left": 402,
            "right": 403,
            "width": 1
          },
          {
            "element": "span",
            "left": 397,
            "right": 709,
            "width": 312
          },
          {
            "element": "div.contact-field-grid",
            "left": 73,
            "right": 713,
            "width": 640
          },
          {
            "element": "label.contact-field",
            "left": 73,
            "right": 713,
            "width": 640
          },
          {
            "element": "span.contact-field-label",
            "left": 73,
            "right": 713,
            "width": 640
          },
          {
            "element": "input",
            "left": 73,
            "right": 713,
            "width": 640
          },
          {
            "element": "label.contact-field",
            "left": 73,
            "right": 713,
            "width": 640
          },
          {
            "element": "span.contact-field-label",
            "left": 73,
            "right": 713,
            "width": 640
          },
          {
            "element": "input",
            "left": 73,
            "right": 713,
            "width": 640
          },
          {
            "element": "label.contact-field",
            "left": 73,
            "right": 713,
            "width": 640
          },
          {
            "element": "span.contact-field-label",
            "left": 73,
            "right": 713,
            "width": 640
          },
          {
            "element": "input",
            "left": 73,
            "right": 713,
            "width": 640
          },
          {
            "element": "label.contact-field",
            "left": 73,
            "right": 713,
            "width": 640
          },
          {
            "element": "span.contact-field-label",
            "left": 73,
            "right": 713,
            "width": 640
          },
          {
            "element": "input",
            "left": 73,
            "right": 713,
            "width": 640
          },
          {
            "element": "label.contact-file-drop",
            "left": 73,
            "right": 713,
            "width": 640
          },
          {
            "element": "span",
            "left": 154,
            "right": 693,
            "width": 539
          },
          {
            "element": "strong",
            "left": 154,
            "right": 693,
            "width": 539
          },
          {
            "element": "small",
            "left": 154,
            "right": 693,
            "width": 539
          },
          {
            "element": "label.contact-consent",
            "left": 73,
            "right": 713,
            "width": 640
          },
          {
            "element": "small",
            "left": 105,
            "right": 713,
            "width": 608
          },
          {
            "element": "b",
            "left": 443,
            "right": 462,
            "width": 19
          }
        ],
        "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": [
                ".contact-message-field > .contact-field-label > b"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.27 (foreground color: #937262, background color: #fdfdfd, font size: 7.0pt (9.28px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "legend > b"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.27 (foreground color: #937262, background color: #fdfdfd, font size: 7.0pt (9.28px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                ".contact-field:nth-child(1) > .contact-field-label > b"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.27 (foreground color: #937262, background color: #fdfdfd, font size: 7.0pt (9.28px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                ".contact-field:nth-child(2) > .contact-field-label > em"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.14 (foreground color: #8c918f, background color: #fdfdfd, font size: 7.0pt (9.28px), font weight: normal). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "b[data-phone-marker=\"\"]"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.27 (foreground color: #937262, background color: #fdfdfd, font size: 7.0pt (9.28px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "em[data-email-marker=\"\"]"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.14 (foreground color: #8c918f, background color: #fdfdfd, font size: 7.0pt (9.28px), font weight: normal). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                "span:nth-child(3) > small"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.12 (foreground color: #777d7b, background color: #fdfdfd, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ]
        },
        {
          "id": "scrollable-region-focusable",
          "impact": "serious",
          "description": "Ensure elements that have scrollable content are accessible by keyboard in Safari",
          "help": "Scrollable region must have keyboard access",
          "helpUrl": "https://dequeuniversity.com/rules/axe/4.13/scrollable-region-focusable?application=playwright",
          "nodes": [
            {
              "target": [
                "ol"
              ],
              "failureSummary": "Fix any of the following:\n  Element should have focusable content\n  Element should be focusable"
            }
          ]
        }
      ]
    }
  ],
  "browserLaunchErrors": []
}