darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-05-05 08:31:00 -04:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #3673 from alphagov/remove-page-title-hack-from-autofocus

Browse Source 
Don't prefix with the page title when focusing on load
This commit is contained in:
Tom Byers
2020-10-09 13:42:26 +01:00
committed by GitHub
parent 8a3b646b7f 90504d9b6c
commit e848db0d04
2 changed files with 1 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
app/assets/javascripts/autofocus.js
View File

@@ -4,26 +4,14 @@
Modules.Autofocus = function() {
this.start = function(component) {
var $component = $(component),
forceFocus = $component.data('forceFocus'),
labelText = $('label[for="' + $component.attr('id') + '"]').eq(0).text().trim(),
clearAriaLabel = evt => {
$component.removeAttr('aria-label');
$component.off('blur', clearAriaLabel);
};
forceFocus = $component.data('forceFocus');
// if the page loads with a scroll position, we can't assume the item to focus onload
// is still where users intend to start
if (($(window).scrollTop() > 0) && !forceFocus) { return; }
// screenreaders announce the page title when a new page loads
// this will be lost when focus is moved to our form control so add it to the label instead
$component.attr('aria-label', document.title + ' - ' + labelText);
$component.filter('input, textarea, select').eq(0).trigger('focus');
// the page title prefix is only needed on page load so remove once focus has shifted
$component.on('blur', clearAriaLabel);
};
};