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

Fix mis-spelling of aria-describedby

Browse Source 
This is currently spelt incorrectly though it
seemed to work nonetheless. Can only assume this
is a common error, for this attribute or all
attribute names, so browsers work it out.

This makes the spelling match the spec:

https://www.w3.org/TR/wai-aria/#aria-describedby
This commit is contained in:
Tom Byers
2021-10-06 14:21:41 +01:00
parent 6747bd8bcf
commit 2b91d1d524
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/assets/javascripts/updateStatus.js
View File

@@ -49,11 +49,11 @@
this.$textbox
.attr(
'aria-described-by',
'aria-describedby',
(
this.$textbox.attr('aria-described-by') || ''
this.$textbox.attr('aria-describedby') || ''
) + (
this.$textbox.attr('aria-described-by') ? ' ' : ''
this.$textbox.attr('aria-describedby') ? ' ' : ''
) + id
)
.on('input', throttle(this.update, 150))

10
tests/javascripts/updateStatus.test.js
View File

@@ -46,7 +46,7 @@ describe('Update content', () => {
<input type="hidden" name="csrf_token" value="abc123" />
<label for="template_content" id="template-content-label">Template content<label>
<span id="example-hint-text">Example hint text</span>
<textarea name="template_content" id="template_content" aria-described-by="example-hint-text">Content of message</textarea>
<textarea name="template_content" id="template_content" aria-describedby="example-hint-text">Content of message</textarea>
</form>
<div data-module="update-status" data-updates-url="${updatesURL}" data-target="template_content">
Initial content
@@ -78,21 +78,21 @@ describe('Update content', () => {
);
expect(
document.getElementById('template_content').getAttribute('aria-described-by')
document.getElementById('template_content').getAttribute('aria-describedby')
).toEqual(
"example-hint-text update-status"
);
});
test("It should handle a textarea without an aria-described-by attribute", () => {
test("It should handle a textarea without an aria-describedby attribute", () => {
document.getElementById('template_content').removeAttribute('aria-described-by');
document.getElementById('template_content').removeAttribute('aria-describedby');
window.GOVUK.modules.start();
expect(
document.getElementById('template_content').getAttribute('aria-described-by')
document.getElementById('template_content').getAttribute('aria-describedby')
).toEqual(
"update-status"
);