diff --git a/apps/integration-e2e/src/e2e/toast.cy.ts b/apps/integration-e2e/src/e2e/toast.cy.ts index c7a60d26fb..bd5ec78400 100644 --- a/apps/integration-e2e/src/e2e/toast.cy.ts +++ b/apps/integration-e2e/src/e2e/toast.cy.ts @@ -10,6 +10,6 @@ describe('ToastComponent', () => { cy.get('sky-toaster sky-toast:first-child button.sky-toast-btn-close') .should('be.visible') .should('have.attr', 'title') - .should('not.equal', 'skyux_toast_close_button'); + .should('not.equal', 'skyux_toast_close_button_title'); }); }); diff --git a/libs/components/toast/src/assets/locales/resources_en_US.json b/libs/components/toast/src/assets/locales/resources_en_US.json index 37aeab8400..f7fb5d824e 100644 --- a/libs/components/toast/src/assets/locales/resources_en_US.json +++ b/libs/components/toast/src/assets/locales/resources_en_US.json @@ -1,6 +1,10 @@ { - "skyux_toast_close_button": { + "skyux_toast_close_button_aria_label": { "_description": "Screen reader text for the close button on toasts", + "message": "Close message:" + }, + "skyux_toast_close_button_title": { + "_description": "Tooltip text for the close button on toasts", "message": "Close the message" } } diff --git a/libs/components/toast/src/lib/modules/shared/sky-toast-resources.module.ts b/libs/components/toast/src/lib/modules/shared/sky-toast-resources.module.ts index 7d52c7b2d1..00f8a2b0a0 100644 --- a/libs/components/toast/src/lib/modules/shared/sky-toast-resources.module.ts +++ b/libs/components/toast/src/lib/modules/shared/sky-toast-resources.module.ts @@ -18,7 +18,10 @@ import { } from '@skyux/i18n'; const RESOURCES: { [locale: string]: SkyLibResources } = { - 'EN-US': { skyux_toast_close_button: { message: 'Close the message' } }, + 'EN-US': { + skyux_toast_close_button_aria_label: { message: 'Close message:' }, + skyux_toast_close_button_title: { message: 'Close the message' }, + }, }; SkyLibResourcesService.addResources(RESOURCES); diff --git a/libs/components/toast/src/lib/modules/toast/toast.component.html b/libs/components/toast/src/lib/modules/toast/toast.component.html index b5f6d72f59..ef3647231d 100644 --- a/libs/components/toast/src/lib/modules/toast/toast.component.html +++ b/libs/components/toast/src/lib/modules/toast/toast.component.html @@ -17,16 +17,23 @@ [topIcon]="topIcon" > -