From 59639532acc607ff7448450ca15da54995ffbbcb Mon Sep 17 00:00:00 2001
From: Brett Kyle <brett.kyle@digital.cabinet-office.gov.uk>
Date: Mon, 15 Jul 2024 10:16:23 +0100
Subject: [PATCH] Fix aria-allowed-role failure

This was done on purpose in https://github.com/alphagov/govuk-design-system/pull/304, but unclear if it still applies?
---
 __tests__/accessibility-audit.test.js      | 3 +--
 src/patterns/payment-card-details/index.md | 2 +-
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/__tests__/accessibility-audit.test.js b/__tests__/accessibility-audit.test.js
index cc02523606..f3c8ceed24 100644
--- a/__tests__/accessibility-audit.test.js
+++ b/__tests__/accessibility-audit.test.js
@@ -47,8 +47,7 @@ async function axe(page) {
       'region',
       'color-contrast-enhanced',
       'aria-allowed-attr',
-      'target-size',
-      'aria-allowed-role'
+      'target-size'
     ])
 
     .withTags([
diff --git a/src/patterns/payment-card-details/index.md b/src/patterns/payment-card-details/index.md
index 6b752b5ec7..027f221065 100644
--- a/src/patterns/payment-card-details/index.md
+++ b/src/patterns/payment-card-details/index.md
@@ -53,7 +53,7 @@ Show logos for the cards you accept as icons so users can see whether their card
 Use Issuer Identification Number (IIN) lookups to validate the card number as the user enters it. Once you’ve been able to identify the user’s card type, leave only the relevant logo highlighted and grey out the others.
 
 <div class="app-video">
-  <video class="app-video__player" role="region" aria-labelledby="card-number-video-description" controls muted>
+  <video class="app-video__player" aria-labelledby="card-number-video-description" controls muted>
     <source src="card-number.mp4" type="video/mp4">
   </video>
   <p class="app-video__description" id="card-number-video-description">