feat: support for aria

raxjs · May 28, 2020 · 16c793b · 16c793b
1 parent 3a26ed3
commit 16c793b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/packages/toast/package.json b/packages/toast/package.json
@@ -1,7 +1,7 @@
 {
   "name": "universal-toast",
   "author": "rax",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "",
   "main": "lib/index.js",
   "files": [

diff --git a/packages/toast/src/web/index.ts b/packages/toast/src/web/index.ts
@@ -37,6 +37,9 @@ function showToastWindow(message: string): void {
   if (!toastWin) {
     toastWin = document.createElement('div');
     toastWin.setAttribute('role', 'alert');
+    // support for ARIA, add tabindex for focus
+    // https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global_attributes/tabindex
+    toastWin.setAttribute('tabindex', '-1');
     for (let key in styles.container) {
       toastWin.style[key] = styles.container[key];
     }