govuk_publishing_components 35.3.2 → 35.3.4

data/node_modules/axe-core/locales/_template.json

@@ -114,12 +114,12 @@
       "help": "Page must have means to bypass repeated blocks"
     },
     "color-contrast-enhanced": {
-      "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AAA contrast ratio thresholds",
-      "help": "Elements must have sufficient color contrast"
+      "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AAA enhanced contrast ratio thresholds",
+      "help": "Elements must meet enhanced color contrast ratio thresholds"
     },
     "color-contrast": {
-      "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds",
-      "help": "Elements must have sufficient color contrast"
+      "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+      "help": "Elements must meet minimum color contrast ratio thresholds"
     },
     "css-orientation-lock": {
       "description": "Ensures content is not locked to any specific display orientation, and the content is operable in all display orientations",
@@ -427,7 +427,7 @@
     },
     "aria-busy": {
       "pass": "Element has an aria-busy attribute",
-      "fail": "Element has no aria-busy=\"true\" attribute"
+      "fail": "Element uses aria-busy=\"true\" while showing a loader"
     },
     "aria-errormessage": {
       "pass": "aria-errormessage exists and references elements visible to screen readers that use a supported aria-errormessage technique",
@@ -477,7 +477,7 @@
       "fail": {
         "singular": "Required ARIA child role not present: ${data.values}",
         "plural": "Required ARIA children role not present: ${data.values}",
-        "unallowed": "Element has children which are not allowed (see related nodes)"
+        "unallowed": "Element has children which are not allowed: ${data.values}"
       },
       "incomplete": {
         "singular": "Expecting ARIA child role to be added: ${data.values}",

data/node_modules/axe-core/locales/ja.json

@@ -289,6 +289,10 @@
       "description": "<marquee>要素が使用されていないことを確認します",
       "help": "<marquee>要素は非推奨のため、使用してはなりません"
     },
+    "meta-refresh-no-exceptions": {
+      "description": "<meta http-equiv=\"refresh\">が使用されていないことを確認します",
+      "help": "制限時間のある更新が存在してはなりません"
+    },
     "meta-refresh": {
       "description": "<meta http-equiv=\"refresh\">が使用されていないことを確認します",
       "help": "制限時間のある更新が存在してはなりません"
@@ -369,6 +373,10 @@
       "description": "キャプション付きのテーブルが<caption>要素を用いていることを確認します",
       "help": "データテーブルにキャプションをつけるためにデータまたはヘッダーセルを用いるべきではありません"
     },
+    "target-size": {
+      "description": "タッチターゲットのサイズとスペースが十分にあることを確認します",
+      "help": "すべてのタッチターゲットは24pxの大きさか、十分なスペースが必要です"
+    },
     "td-has-header": {
       "description": "大きなテーブルの空ではないデータセルに1つかそれ以上のテーブルヘッダーが存在することを確認します",
       "help": "3×3より大きいテーブルの空ではないtd要素はテーブルヘッダーと関連づいていなければなりません"
@@ -403,7 +411,8 @@
       "fail": {
         "singular": "ARIA属性は許可されていません: ${data.values}",
         "plural": "ARIA属性は許可されていません: ${data.values}"
-      }
+      },
+      "incomplete": "次の要素のARIA属性が無視されても問題ないことを確認します: ${data.values}"
     },
     "aria-allowed-role": {
       "pass": "ARIAロールは指定された要素に対して許可されています",
@@ -416,6 +425,10 @@
         "plural": "ARIA ロール ${data.values} この要素に許可されていないため、要素が表示されたときはARIAロールを削除する必要があります"
       }
     },
+    "aria-busy": {
+      "pass": "要素にはaria-busy属性が存在しています",
+      "fail": "要素に aria-busy=\"true\" が設定されていません"
+    },
     "aria-errormessage": {
       "pass": "サポートされているaria-errormessageの技術を使用しています",
       "fail": {
@@ -439,8 +452,18 @@
     },
     "aria-prohibited-attr": {
       "pass": "ARIA属性は使用できます",
-      "fail": "ARIA属性は使用できません: ${data.values}",
-      "incomplete": "要素でのARIA属性のサポートが不充分なため、代わりにコンテンツのテキストが用いられます: ${data.values}"
+      "fail": {
+        "hasRolePlural": "${data.prohibited} 属性は \"${data.role}\" ロールでは使用できません",
+        "hasRoleSingular": "${data.prohibited} 属性は \"${data.role}\" ロールでは使用できません",
+        "noRolePlural": "${data.prohibited} 属性は、有効なロール属性のない ${data.nodeName} では使用できません",
+        "noRoleSingular": "${data.prohibited} 属性は、有効なロール属性のない ${data.nodeName} では使用できません"
+      },
+      "incomplete": {
+        "hasRoleSingular": "${data.prohibited} 属性はロール \"${data.role}\" では十分にサポートされていません",
+        "hasRolePlural": "${data.prohibited} 属性はロール \"${data.role}\" では十分にサポートされていません",
+        "noRoleSingular": "${data.prohibited} 属性は、有効なロール属性のない ${data.nodeName} では十分にサポートされていません",
+        "noRolePlural": "${data.prohibited} 属性は、有効なロール属性のない ${data.nodeName} では十分にサポートされていません"
+      }
     },
     "aria-required-attr": {
       "pass": "すべての必須のARIA属性が存在しています",
@@ -453,7 +476,8 @@
       "pass": "必須のARIA子ロールが存在しています",
       "fail": {
         "singular": "必須のARIA子ロールが提供されていません: ${data.values}",
-        "plural": "必須のARIA子ロールが提供されていません: ${data.values}"
+        "plural": "必須のARIA子ロールが提供されていません: ${data.values}",
+        "unallowed": "要素には許可されていないARIA子ロールがあります (関連ノードを参照)"
       },
       "incomplete": {
         "singular": "ARIAの子ロールを追加することが求められます: ${data.values}",
@@ -484,8 +508,10 @@
       },
       "incomplete": {
         "noId": "ARIA属性で指定されている要素のIDがページ上に存在しません: ${data.needsReview}",
-        "ariaCurrent": "ARIA 属性値が無効であるため、\"aria-current=true\" として扱われます: ${data.needsReview}",
-        "idrefs": "ARIA属性で指定されている要素のIDがページ上に存在するかどうか判定できません: ${data.needsReview}"
+        "noIdShadow": "ARIA属性で指定されている要素のIDがページ上に存在しないか、別のshadow DOMツリーの小要素です: ${data.needsReview}",
+        "ariaCurrent": "ARIA属性値が無効であるため、\"aria-current=true\" として扱われます: ${data.needsReview}",
+        "idrefs": "ARIA属性で指定されている要素のIDがページ上に存在するかどうか判定できません: ${data.needsReview}",
+        "empty": "ARIA属性値が空のときは無視されます: ${data.needsReview}"
       }
     },
     "aria-valid-attr": {
@@ -497,7 +523,7 @@
     },
     "deprecatedrole": {
       "pass": "推奨されていないARIAロールではありません",
-      "fail": "非推奨のロールが使用されています: ${data.values}"
+      "fail": "非推奨のロールが使用されています: ${data}"
     },
     "fallbackrole": {
       "pass": "1つのロール値のみ使用されています",
@@ -562,7 +588,10 @@
       }
     },
     "color-contrast": {
-      "pass": "要素には${data.contrastRatio}の十分なコントラスト比があります",
+      "pass": {
+        "default": "要素には${data.contrastRatio}の十分なコントラスト比があります",
+        "hidden": "要素は非表示です"
+      },
       "fail": {
         "default": "要素のコントラスト比が不十分です ${data.contrastRatio}（前景色: ${data.fgColor}、背景色: ${data.bgColor}、フォントサイズ: ${data.fontSize}、フォントの太さ: ${data.fontWeight}）。コントラスト比${data.expectedContrastRatio}を必要とします",
         "fgOnShadowColor": "要素の前景色と影（text-shadow）の色のコントラスト比が不十分です ${data.contrastRatio}（前景色: ${data.fgColor}、影（text-shadow）の色: ${data.shadowColor}、フォントサイズ: ${data.fontSize}、フォントの太さ: ${data.fontWeight}）。コントラスト比${data.expectedContrastRatio}を必要とします",
@@ -584,9 +613,16 @@
         "pseudoContent": "擬似要素のため、要素の背景色を判定することができませんでした"
       }
     },
+    "link-in-text-block-style": {
+      "pass": "リンクは視覚的なスタイル設定によって周囲のテキストと区別できます",
+      "fail": "リンクには、周囲のテキストと区別するためのスタイル (下線など) がありません"
+    },
     "link-in-text-block": {
       "pass": "リンクは色以外の方法で周囲のテキストと区別できます",
-      "fail": "リンクは色以外の方法で周囲のテキストと区別させる必要があります",
+      "fail": {
+        "fgContrast": "このリンクは、周囲のテキストとの${data.contrastRatio}:1の色のコントラストが不十分です。(最小コントラストは ${data.requiredContrastRatio}:1、リンクテキスト: ${data.nodeColor}、周囲のテキスト: ${data.parentColor})",
+        "bgContrast": "リンクの背景の色コントラストが ${data.contrastRatio} で十分ではありません (最小コントラストは ${data.requiredContrastRatio}:1、リンク背景色: ${data.nodeBackgroundColor}、周囲の背景色: ${data.parentBackgroundColor})"
+      },
       "incomplete": {
         "default": "コントラスト比を判定できません",
         "bgContrast": "要素のコントラスト比を判定できません。明確なホバー/フォーカススタイルを確認します",
@@ -614,6 +650,7 @@
     },
     "focusable-disabled": {
       "pass": "要素内にフォーカス不可能な要素は含まれていません",
+      "incomplete": "フォーカス可能な要素がすぐにフォーカスインジケータを動かすかどうか確認します",
       "fail": "フォーカス可能なコンテンツは無効にするか、DOMから削除するべきです"
     },
     "focusable-element": {
@@ -631,6 +668,7 @@
     },
     "focusable-not-tabbable": {
       "pass": "要素内にフォーカス不可能な要素は含まれていません",
+      "incomplete": "フォーカス可能な要素がすぐにフォーカスインジケータを動かすかどうか確認します",
       "fail": "フォーカス可能なコンテンツは tabindex='-1' を指定するか、DOMから削除するべきです"
     },
     "frame-focusable-content": {
@@ -785,6 +823,30 @@
       "pass": "<meta>タグはモバイルデバイスでの拡大を無効にしません",
       "fail": "<meta>タグの${data}がモバイルデバイスでの拡大を無効にします"
     },
+    "target-offset": {
+      "pass": "ターゲットに最も近い隣接要素からのオフセットが十分にあリます (${data.closestOffset} px は少なくとも ${data.minOffset} px でなければなりません)",
+      "fail": "ターゲットの最も近い隣接要素からのオフセットが不十分です (${data.closestOffset} px は少なくとも ${data.minOffset} px でなければなりません)",
+      "incomplete": {
+        "default": "tabindexが負の要素において、最も近い隣接要素からのオフセットが不十分です (${data.closestOffset} px は少なくとも ${data.minOffset} px でなければなりません)。これがターゲットである要素か確認します",
+        "nonTabbableNeighbor": "ターゲットのtabindexが負の隣接ノードからのオフセットが不十分です (${data.closestOffset} px は少なくとも ${data.minOffset} px でなければなりません)。隣接要素がターゲットか確認します"
+      }
+    },
+    "target-size": {
+      "pass": {
+        "default": "コントロールには十分なサイズがあります (${data.width} px x ${data.height} pxであり、${data.minSize} px x ${data.minSize} px 以上です)",
+        "obscured": "コントロールは完全に隠されていてクリックできないため無視されます"
+      },
+      "fail": {
+        "default": "ターゲットのサイズが不十分です (${data.width} px x ${data.height} pxですが、少なくとも ${data.minSize} px x ${data.minSize} px でなければなりません)",
+        "partiallyObscured": "ターゲットは部分的に隠れているためサイズが不十分です (最小スペースは ${data.width} px x ${data.height} pxですが、少なくとも ${data.minSize} px x ${data.minSize} px でなければなりません)"
+      },
+      "incomplete": {
+        "default": "tabindex が負の要素のサイズが不十分です (${data.width} px x ${data.height} pxですが、少なくとも ${data.minSize} px x ${data.minSize} px でなければなりません)。これがターゲットの要素であることを確認します",
+        "contentOverflow": "コンテンツがオーバーフローしたため、要素のサイズを正確に決定できませんでした",
+        "partiallyObscured": "tabindex が負の要素は、部分的に隠れているためサイズが不十分です (最小のスペースは ${data.width} px x ${data.height} pxですが、少なくとも ${data.minSize} px x ${data.minSize} px でなければなりません)。これがターゲットの要素であることを確認します",
+        "partiallyObscuredNonTabbable": "ターゲットのサイズが不十分です。これは tabindex が負の隣接オブジェクトによって部分的に隠されているためです (最小のスペースは ${data.width} px x ${data.height} pxですが、少なくとも ${data.minSize} px x ${data.minSize} px でなければなりません)。隣接要素がターゲットの要素であることを確認します"
+      }
+    },
     "header-present": {
       "pass": "ページにheaderが存在しています",
       "fail": "ページにheaderが存在していません"
@@ -806,6 +868,10 @@
       "pass": "ページにランドマーク領域が存在しています",
       "fail": "ページにランドマーク領域が存在していません"
     },
+    "meta-refresh-no-exceptions": {
+      "pass": "<meta>タグはすぐにページを更新しません",
+      "fail": "<meta>タグは時限によるページの更新を強制します"
+    },
     "meta-refresh": {
       "pass": "<meta>タグはすぐにページを更新しません",
       "fail": "<meta>タグは時限によるページの更新を強制します"
@@ -878,6 +944,18 @@
       "fail": "要素にスクリーン・リーダーが認識可能なテキストが存在していません",
       "incomplete": "要素に子ノードがあるか判定できません"
     },
+    "important-letter-spacing": {
+      "pass": "文字の間隔（letter-spacing）の属性が '!important' に設定されていない、または最低条件を満たしています",
+      "fail": "文字の間隔（letter-spacing）の属性には '!important' を設定しない、または ${data.minValue} em以上（現在は ${data.value} em）にしてください"
+    },
+    "important-line-height": {
+      "pass": "行間（line-height）に '!important' が設定されていません、または最低条件を満たしています",
+      "fail": "行間（line-height）には '!important' を使用しないでください、または ${data.minValue} em以上（現在は ${data.value} em）にしてください"
+    },
+    "important-word-spacing": {
+      "pass": "単語の間隔（word-spacing）に '!important' が設定されていません、または最低条件を満たしています",
+      "fail": "単語の間隔（word-spacing）には '!important' を使用しないでください、または ${data.minValue} em以上（現在は ${data.value} em）にしてください"
+    },
     "is-on-screen": {
       "pass": "要素が表示されていません",
       "fail": "要素が表示されています"
@@ -923,7 +1001,8 @@
         "default": "要素のデフォルトのセマンティクスはrole=\"none\"またはrole=\"presentation\"で上書きされませんでした",
         "globalAria": "要素にはARIAのグローバル属性が指定されているため、role=\"none\"またはrole=\"presentation\"にはなりません",
         "focusable": "要素がフォーカス可能なため、role=\"none\"またはrole=\"presentation\"にはなりません",
-        "both": "要素にはARIAのグローバル属性が指定されており、フォーカス可能なため、role=\"none\"またはrole=\"presentation\"にはなりません"
+        "both": "要素にはARIAのグローバル属性が指定されており、フォーカス可能なため、role=\"none\"またはrole=\"presentation\"にはなりません",
+        "iframe": "${data.nodeName} 要素にプレゼンテーション用のroleを持つ 'title' 属性を使用すると、スクリーンリーダー間で動作が一貫しません"
       }
     },
     "role-none": {
@@ -952,7 +1031,8 @@
     },
     "same-caption-summary": {
       "pass": "summary属性および<caption>のコンテンツは重複していません",
-      "fail": "summary属性および<caption>のコンテンツが同一です"
+      "fail": "summary属性および<caption>のコンテンツが同一です",
+      "incomplete": "<table>にキャプションがあるかどうかを確認できません"
     },
     "scope-value": {
       "pass": "scope属性は正しく使用されています",

data/node_modules/axe-core/package.json

@@ -1,7 +1,7 @@
 {
   "name": "axe-core",
   "description": "Accessibility engine for automated Web UI testing",
-  "version": "4.6.3",
+  "version": "4.7.0",
   "license": "MPL-2.0",
   "engines": {
     "node": ">=4"
@@ -83,14 +83,14 @@
     "test:unit:integration": "npm run test:unit -- testDirs=integration",
     "test:unit:virtual-rules": "npm run test:unit -- testDirs=virtual-rules",
     "integration": "node test/integration/full/test-webdriver.js",
-    "integration:apg": "mocha test/aria-practices/*.spec.js",
+    "integration:apg": "mocha --fail-zero test/aria-practices/*.spec.js",
     "integration:chrome": "npm run integration -- browser=Chrome",
     "integration:firefox": "npm run integration -- browser=Firefox",
     "test:integration": "npm run test:integration:chrome",
     "test:integration:chrome": "start-server-and-test 9876 integration:chrome",
     "test:integration:firefox": "start-server-and-test 9876 integration:firefox",
     "test:examples": "node ./doc/examples/test-examples",
-    "test:act": "mocha test/act-rules/*.spec.js",
+    "test:act": "mocha --fail-zero test/act-rules/*.spec.js",
     "test:apg": "start-server-and-test 9876 integration:apg",
     "test:locales": "mocha test/test-locales.js",
     "test:virtual-rules": "mocha test/test-virtual-rules.js",
@@ -115,7 +115,7 @@
     "@babel/preset-env": "^7.20.2",
     "@babel/runtime-corejs3": "^7.20.7",
     "@deque/dot": "^1.1.5",
-    "aria-practices": "github:w3c/aria-practices#edbf534",
+    "aria-practices": "github:w3c/aria-practices#ce0336bd82d7d3651abcbde86af644197ddbc629",
     "aria-query": "^5.1.3",
     "browser-driver-manager": "1.0.4",
     "chai": "^4.3.7",
@@ -174,7 +174,7 @@
     "typedarray": "^0.0.7",
     "typescript": "^4.9.4",
     "uglify-js": "^3.17.4",
-    "wcag-act-rules": "github:w3c/wcag-act-rules#9416ea6",
+    "wcag-act-rules": "github:w3c/wcag-act-rules#2341a1b",
     "weakmap-polyfill": "^2.0.4"
   },
   "lint-staged": {

data/node_modules/axe-core/sri-history.json

@@ -338,5 +338,9 @@
   "4.6.3": {
     "axe.js": "sha256-N8N7PwDRFNyzsL80UoXAE5ibkfu/KJ71Ixw0zWYX+yM=",
     "axe.min.js": "sha256-vOhlk9sgryrpUZOv6801a9uYhuG6Z/NBJmOJb0aAQQQ="
+  },
+  "4.7.0": {
+    "axe.js": "sha256-JxLtVRh3EvdwPhr6ipXNnoN2ugUYvpwIAx4usr5jKcU=",
+    "axe.min.js": "sha256-q5YvHv5paIlrWyys5xKDb79XtmXYpiAHFVZcg61Qick="
   }
 }

data/node_modules/govuk-frontend/README.md

@@ -36,9 +36,9 @@ imports) if you want to override GOV.UK Frontend with your own styles.
 
 To import add the below to your Sass file:
 
-  ```scss
-  @import "node_modules/govuk-frontend/govuk/all";
-  ```
+```scss
+@import "node_modules/govuk-frontend/govuk/all";
+```
 
 [More details on importing styles](https://frontend.design-system.service.gov.uk/importing-css-assets-and-javascript/#css)
 
@@ -53,6 +53,7 @@ You can include Javascript for all components either by copying the `all.js` fro
 ```html
 <script src="<path-to-govuk-frontend-all-file>/all.js"></script>
 ```
+
 Next you need to initialise the script by adding:
 
 ```html
@@ -61,14 +62,12 @@ Next you need to initialise the script by adding:
 
 [More details on importing Javascript and advanced options](https://frontend.design-system.service.gov.uk/importing-css-assets-and-javascript/#javascript)
 
-
 ## Importing assets
 
 In order to import GOV.UK Frontend images and fonts to your project, you should configure your application to reference or copy the relevant GOV.UK Frontend assets.
 
 [More details on importing assets](https://frontend.design-system.service.gov.uk/importing-css-assets-and-javascript/#font-and-image-assets)
 
-
 ## Getting updates
 
 To be notified when there’s a new release, you can either:

data/node_modules/govuk-frontend/govuk/all-ie8.scss

@@ -1,3 +1,11 @@
+// Ignore IE8 related warnings whilst we continue to generate IE8 specific
+// stylesheets for the review app or dist versions of GOV.UK Frontend
+$govuk-suppressed-warnings: if(
+  variable-exists(govuk-suppressed-warnings),
+  append($govuk-suppressed-warnings, "ie8"),
+  ("ie8")
+);
+
 // By setting $govuk-is-ie8 to true, we create a version of the stylesheet that
 // targets IE8 – e.g. conditionally including or excluding styles, and
 // rasterizing media queries.