アクセシビリティチェックが通らない部分がある

[toshi-pono]

CIからは抜いている部分で落ちる

• backgroundimageとかを表示しているimg要素がlandmarkに囲まれていない
• splideのli要素にrole="tabpanel"が当たってるけど、できないっぽい？
  img要素のやつ↓

     Object {
+     "description": "Ensures all page content is contained by landmarks",
+     "help": "All page content should be contained by landmarks",
+     "helpUrl": "https://dequeuniversity.com/rules/axe/4.6/region?application=playwright",
+     "id": "region",
+     "impact": "moderate",
+     "nodes": Array [
+       Object {
+         "all": Array [],
+         "any": Array [
+           Object {
+             "data": Object {
+               "isIframe": false,
+             },
+             "id": "region",
+             "impact": "moderate",
+             "message": "Some page content is not contained by landmarks",
+             "relatedNodes": Array [],
+           },
+         ],
+         "failureSummary": "Fix any of the following:
+   Some page content is not contained by landmarks",
+         "html": "<img alt=\"\" draggable=\"false\" src=\"/bg/tv.svg\" width=\"1920\" height=\"1080\" decoding=\"async\" data-nimg=\"1\" class=\"Background_bgImage__Y_wYE\" style=\"color:transparent\">",
+         "impact": "moderate",
+         "none": Array [],
+         "target": Array [
+           ".Background_bgImage__Y_wYE",
+         ],
+       },

tabpanelのやつ↓

     Object {
+     "description": "Ensures role attribute has an appropriate value for the element",
+     "help": "ARIA role should be appropriate for the element",
+     "helpUrl": "https://dequeuniversity.com/rules/axe/4.6/aria-allowed-role?application=playwright",
+     "id": "aria-allowed-role",
+     "impact": "minor",
+     "nodes": Array [
+       Object {
+         "all": Array [],
+         "any": Array [
+           Object {
+             "data": Array [
+               "tabpanel",
+             ],
+             "id": "aria-allowed-role",
+             "impact": "minor",
+             "message": "ARIA role tabpanel is not allowed for given element",
+             "relatedNodes": Array [],
+           },
+         ],
+         "failureSummary": "Fix any of the following:
+   ARIA role tabpanel is not allowed for given element",
+         "html": "<li class=\"splide__slide is-active is-visible\" id=\"splide01-slide01\" role=\"tabpanel\" aria-roledescription=\"slide\" aria-label=\"1 of 4\" style=\"width: calc(100%);\">",
+         "impact": "minor",
+         "none": Array [],
+         "target": Array [
+           "#splide01-slide01",
+         ],
+       },
+     ],
+     "tags": Array [
+       "cat.aria",
+       "best-practice",
+     ],
+   },