diff --git a/README.md b/README.md index c269f29..b86342c 100644 --- a/README.md +++ b/README.md @@ -29,6 +29,9 @@ To make it work, you need to provide these **required parameters**: And you can provide some other *optional parameters*: - `appMountId`: The `
` element id on which you plan to mount a JavaScript app. +- `appMountAttrs`: The `
` element other attributes that you want to add + (eg `aria-hidden="true"` to solve [ayy1 errors](https://dequeuniversity.com/rules/axe/3.5/region)). + Note that appMountId is required. - `appMountHtmlSnippet`: A small snippet of HTML that will be inserted in the `
` element the appMountId is attached to. - `appMountIds`: An array of application element ids. - `baseHref`: Adjust the URL for relative URLs in the document ([MDN](https://developer.mozilla.org/en/docs/Web/HTML/Element/base)). diff --git a/examples/webpack.config.js b/examples/webpack.config.js index bf4b186..93496d1 100644 --- a/examples/webpack.config.js +++ b/examples/webpack.config.js @@ -19,6 +19,7 @@ module.exports = { inject: false, template: '../index.ejs', appMountId: 'app', + appMountAttrs: 'aria-hidden="true"', devServer: 'http://localhost:3001', googleAnalytics: { trackingId: 'UA-XXXX-XX', diff --git a/index.ejs b/index.ejs index b970eac..8ce4d80 100644 --- a/index.ejs +++ b/index.ejs @@ -65,7 +65,11 @@ htmlWebpackPlugin.options.scripts = htmlWebpackPlugin.options.scripts || [] } %><% if (htmlWebpackPlugin.options.appMountId) { %> -
<% +
+ <%= htmlWebpackPlugin.options.appMountAttrs %> + <% } %> + > <% if (htmlWebpackPlugin.options.appMountHtmlSnippet) { %> <%= htmlWebpackPlugin.options.appMountHtmlSnippet %><% } %>