From b4a98d07d0b8d7b034d8bce3f1aa87fa38bebaec Mon Sep 17 00:00:00 2001
From: Anika Henke <anika.henke@digital.cabinet-office.gov.uk>
Date: Fri, 14 Jul 2017 17:27:04 +0100
Subject: [PATCH] Make old JAWS recognise disabled buttons

JAWS 15 and below don't recognise the `disabled` attribute on buttons.
This adds the `aria-disabled` attribute to make
disabled buttons compatible with older screen readers.
---
 app/views/guide_buttons.html                    | 3 ++-
 app/views/snippets/buttons_button_disabled.html | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/views/guide_buttons.html b/app/views/guide_buttons.html
index ba43d81a5..7817f3bb4 100755
--- a/app/views/guide_buttons.html
+++ b/app/views/guide_buttons.html
@@ -85,12 +85,13 @@ <h3 class="heading-medium" id="button-disabled">Disabled buttons</h3>
   <ul class="list list-bullet text">
     <li>don’t disable buttons, unless there’s a good reason to</li>
     <li>if you have to disable buttons, make sure they look like you can’t click them (use 50% opacity)</li>
+    <li>use the <code class="code">aria-disabled</code> attribute for older screen readers</li>
     <li>an example of a useful disabled option is a calendar with greyed out days where no bookings are available</li>
     <li>provide another way for the user to continue, add an error message or text to explain why the button is disabled</li>
   </ul>
 
 <div class="example">
-  <button class="button" disabled="disabled">Disabled primary button</button>
+  <button class="button" disabled="disabled" aria-disabled="true">Disabled primary button</button>
 </div>
 
 <pre>
diff --git a/app/views/snippets/buttons_button_disabled.html b/app/views/snippets/buttons_button_disabled.html
index 11c1498e6..9ab148e78 100644
--- a/app/views/snippets/buttons_button_disabled.html
+++ b/app/views/snippets/buttons_button_disabled.html
@@ -1 +1 @@
-<input class="button" type="submit" value="Save and continue" disabled="disabled">
+<input class="button" type="submit" value="Save and continue" disabled="disabled" aria-disabled="true">