[js-embedded-discovery] branch main updated: EDS-95 Improve accessibility for "remember my choix"

[Rod Widdowson]

This is an automated email from the git hooks/post-receive script.

rdw pushed a commit to branch main
in repository js-embedded-discovery.

View the commit online:
http://git.shibboleth.net/view/?p=js-embedded-discovery.git;a=commit;h=4a8c6febf756dcae2c4c6dd27074b8820061955d

The following commit(s) were added to refs/heads/main by this push:
     new 4a8c6fe  EDS-95 Improve accessibility for "remember my choix"
4a8c6fe is described below

commit 4a8c6febf756dcae2c4c6dd27074b8820061955d
Author: Rod Widdowson <rdw at steadingsoftware.com>
AuthorDate: Wed Jan 31 20:40:52 2024 +0000

    EDS-95 Improve accessibility for "remember my choix"
    
    https://shibboleth.atlassian.net/browse/EDS-95
    
    As per the case this case (from Colin Bontemps) keeps the structure
    as before but adds aria attributes to the "remember my choice" area,
---
 src/javascript/idpselect.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/javascript/idpselect.js b/src/javascript/idpselect.js
index 199e987..dbecbfc 100644
--- a/src/javascript/idpselect.js
+++ b/src/javascript/idpselect.js
@@ -1048,6 +1048,8 @@ function IdPSelectUI() {
         var inputName = 'IdPSelectAutoDisp'
 
         autoDispatchTile = buildDiv(undefined, 'autoDispatchArea');
+        autoDispatchTile.setAttribute('role', 'radiogroup');
+        autoDispatchTile.setAttribute('aria-label', getLocalizedMessage('autoFollow.message'));
 
         autoDispatchTile.appendChild(document.createTextNode(getLocalizedMessage('autoFollow.message')));
         //
@@ -1055,8 +1057,11 @@ function IdPSelectUI() {
         //
         var but = document.createElement('input');
         but.setAttribute('type', 'radio');
+        but.setAttribute('role', 'radio');
         but.setAttribute('checked', 'checked');
         but.setAttribute('name', inputName);
+        but.setAttribute('aria-label', getLocalizedMessage('autoFollow.never'));
+        but.setAttribute('aria-checked', 'aria-checked');
         but.onclick = function () {
             setAutoDispatchCookie(0);
         }
@@ -1073,7 +1078,9 @@ function IdPSelectUI() {
             //
             but = document.createElement('input');
             but.setAttribute('type', 'radio');
+            but.setAttribute('role', 'radio');
             but.setAttribute('name', inputName);
+            but.setAttribute('aria-label',getLocalizedMessage('autoFollow.time'+i));
 
             but.life = autoFollowCookieTTLs[i];
             but.onclick = function () {

-- 
To stop receiving notification emails like this one, please contact
the administrator of this repository.