{"_id":"@a11y-ngx/aria-hidden","_rev":"2-4131997708334e2c50d09f445866f84e","name":"@a11y-ngx/aria-hidden","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@a11y-ngx/aria-hidden","version":"1.0.0","description":"Directive that provides aria-hidden=\"true\" attribute for the tags with [aht] selector.","keywords":["accessibility","accessible","a11y","aria","aria-hidden"],"homepage":"https://github.com/LDV2k3/a11y#readme","bugs":{"url":"https://github.com/LDV2k3/a11y/issues","email":"lucho.development@gmail.com"},"license":"MIT","author":{"name":"Luciano Del Vacchio","email":"lucho.development@gmail.com","url":"https://github.com/LDV2k3/"},"peerDependencies":{"@angular/common":"^7.2.0","@angular/core":"^7.2.0"},"main":"bundles/a11y-ngx-aria-hidden.umd.js","module":"fesm5/a11y-ngx-aria-hidden.js","es2015":"fesm2015/a11y-ngx-aria-hidden.js","esm5":"esm5/a11y-ngx-aria-hidden.js","esm2015":"esm2015/a11y-ngx-aria-hidden.js","fesm5":"fesm5/a11y-ngx-aria-hidden.js","fesm2015":"fesm2015/a11y-ngx-aria-hidden.js","typings":"a11y-ngx-aria-hidden.d.ts","metadata":"a11y-ngx-aria-hidden.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.9.0"},"_id":"@a11y-ngx/aria-hidden@1.0.0","_nodeVersion":"12.10.0","_npmVersion":"6.10.3","dist":{"integrity":"sha512-Ht2iw9ewJBnWpS69EfmqRHAi1kPvilTR+UYVydXYXWPVeu6kTq3eeB/XZ1uJOBswr7TY8AUUC2y+eeWquuZgCQ==","shasum":"096e28eaf67c786a1209564bce9939a8454ca71d","tarball":"https://registry.npmjs.org/@a11y-ngx/aria-hidden/-/aria-hidden-1.0.0.tgz","fileCount":23,"unpackedSize":25500,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglGgmCRA9TVsSAnZWagAALfUP/RugTEbRVIgedJe2ojTu\nrDghmReVk2uuxAdtQnAm0JGr7uda0E8w0WSqCrWy+eYIW1Bi32hAx5dLaod+\nLi1zii1cWrIXGwGBIMoLfYLQfMjELdcKcDT6U5Lxo+246oi9A21GnsGXEVPY\n0INsPGM7/7FVOqiOieSvRQmoKURWFbFOhZDwIq/1UCaO6Z7FITmFBMJeoZUs\nEjrmomLhddL6QT/OZs7jOouqV1qgw0coYOMVil0hvRjFKtHLKahxPKHIFsFI\nMirtutpZFz+yVbCcofRqaX/OZf5Qg8EzuY1Zunj3N5SVsrDkroyijId/PCdK\nQFfLxPoEfjj9DOECSwgwD5rUhz68/hs7ipiP7MtKnYlXqf01AD1uTScu/bqm\njfNGZTIG8HR9nvyndKncgTmzpDCuwp1PYOmVGc0LFNXrUBJr/RaqZ66vW9eO\nMuVe4Js5c1KHDRakdCsl1r9S9Tvlxgk9C5Qgk4eY2+58d+Lha+GBw8sQuiZu\n7LjOEspiHXki/DZcrQpy9Mvqcqamzqn3EaGj4T5bx0/UeqBVJ5333XxvD6jH\nHDM6cugvI6Bq4jNu3ng+Y6rtYw66nUQELqN0/n1oOfIDhwAF/e3s7Vg8RSAr\n3dh0OPB0+kW8b51WrhYU1wG028azBGVlOlMAsGu+8cYrvNM3rRaRUgFp/bMk\nfQgr\r\n=fQ9N\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQChnDjPuliVRxrJhlPmUaBqPfUaRS7wocN3s7ytFxQZeAIgbgmCpGz8liYMMezz2h5eSe53lEgB9IuaE7l4/a3Stqg="}]},"_npmUser":{"name":"ldv","email":"lucho.development@gmail.com"},"directories":{},"maintainers":[{"name":"ldv","email":"lucho.development@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/aria-hidden_1.0.0_1620338725680_0.359433779357325"},"_hasShrinkwrap":false},"1.0.1":{"name":"@a11y-ngx/aria-hidden","version":"1.0.1","description":"Directive that provides aria-hidden=\"true\" attribute for the tags with [aht] selector.","keywords":["accessibility","accessible","a11y","aria","aria-hidden"],"homepage":"https://github.com/LDV2k3/a11y#readme","bugs":{"url":"https://github.com/LDV2k3/a11y/issues","email":"lucho.development@gmail.com"},"license":"MIT","author":{"name":"Luciano Del Vacchio","email":"lucho.development@gmail.com","url":"https://github.com/LDV2k3/"},"peerDependencies":{"@angular/common":">=4.4.7","@angular/core":">=4.4.7"},"main":"bundles/a11y-ngx-aria-hidden.umd.js","module":"fesm5/a11y-ngx-aria-hidden.js","es2015":"fesm2015/a11y-ngx-aria-hidden.js","esm5":"esm5/a11y-ngx-aria-hidden.js","esm2015":"esm2015/a11y-ngx-aria-hidden.js","fesm5":"fesm5/a11y-ngx-aria-hidden.js","fesm2015":"fesm2015/a11y-ngx-aria-hidden.js","typings":"a11y-ngx-aria-hidden.d.ts","metadata":"a11y-ngx-aria-hidden.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.9.0"},"_id":"@a11y-ngx/aria-hidden@1.0.1","_nodeVersion":"12.10.0","_npmVersion":"6.10.3","dist":{"integrity":"sha512-czxj7ub+v9ekbwo4p1EMGxiUNVb4we1uItHHPMTzP2sJFHFe4HUMFADKM0jacnA8i46cNTLgAW7/tEK/+RLwhw==","shasum":"51aa120bd21546293d6ee023d5a191c5aadcb782","tarball":"https://registry.npmjs.org/@a11y-ngx/aria-hidden/-/aria-hidden-1.0.1.tgz","fileCount":23,"unpackedSize":29116,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgvn3NCRA9TVsSAnZWagAAMAUQAJa+OvNRma4QeSDf7x4t\n9fnMy89W2HLe474Dx4o9+BWcGcYklC22Bmrhk/rpwnnWK7fYW3N6wreLYO+x\nsBb31yLTAFDQ680shAZ/XnVJRl/BAulJVsGOkMSQ4RxnqGuAQlKyq91TmMAo\nWwFcfMUowDHstQbj96Ilz99sv6sQmwh/ak8P7E3nfDmd7rt8ohLOxxWYUVfz\ntXT31jwt+Z4sYjak6ja26VPmZyO2lV1d3w8T4SYGgo/So67yyXK+YitFPtVn\nJ0RYiZI+uegooszf+cO2aj8z6N5hCDZ05a4NOzZKGBYGhJXB5p9Q9tL/LAy6\nJPCaAr/e/g3j2ucAMDYpZJbRZ5meZePrWSylI7aqiw7CIGpTmDGGPuP7v1SX\naQrXTwdoWCDTJ1P8wOh4cmj83S2F4bh95cZJJcrqZDy0XmVpX5Kku4VAWwcV\nRGTPJaUEo69mvPuWIOFuoJvCksy61aSr9+S0SHSgf2o3qrytMCe9oICArKsg\nal44XljTKmc7trrxocIc72Hwg8IypiftivlNy7qRzetiIZbjzFN6hw2m+Nt3\nj3CPc+8uYZtBXNhLR8j0/U/KyI7gX9NJw3DiKlYUdSGCvF4Tnxa1ksDH3qhv\no8+Lc+/fh6Yel86mnfXkMBr+6IjggHFmM9KCahasOYyFN91ZoLBOQ2l/Vl8a\n7fHc\r\n=4p12\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCz4pOgmC7tyJtmToX647RMQnegQ1gUm0GtJyR4tUFVVwIgU8QP3uubwU8scQ5wb1flD+iMLUhQG0dd+Q2o5CBf/kg="}]},"_npmUser":{"name":"ldv","email":"lucho.development@gmail.com"},"directories":{},"maintainers":[{"name":"ldv","email":"lucho.development@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/aria-hidden_1.0.1_1623096780996_0.06908588722549558"},"_hasShrinkwrap":false}},"time":{"created":"2021-05-06T22:05:25.328Z","1.0.0":"2021-05-06T22:05:25.786Z","modified":"2022-04-04T10:52:46.715Z","1.0.1":"2021-06-07T20:13:01.139Z"},"maintainers":[{"name":"ldv","email":"lucho.development@gmail.com"}],"description":"Directive that provides aria-hidden=\"true\" attribute for the tags with [aht] selector.","homepage":"https://github.com/LDV2k3/a11y#readme","keywords":["accessibility","accessible","a11y","aria","aria-hidden"],"author":{"name":"Luciano Del Vacchio","email":"lucho.development@gmail.com","url":"https://github.com/LDV2k3/"},"bugs":{"url":"https://github.com/LDV2k3/a11y/issues","email":"lucho.development@gmail.com"},"license":"MIT","readme":"# Accessibility - Aria Hidden Directive\n\nAngular 4+ / Directive that provides `aria-hidden=\"true\"` attribute for the tags that match `[aht]` selector.\n\n## Introduction\n\n`aria-hidden=\"true\"` prevents the screen reader to read that element and all of its children. This can help screen reader users not to reach purely decorative content (such as icons) or collapsed content, among others. **Please, use it wisely**.\n\n## **❗ Important to consider**\n\n> Since some users may have low vision, they can use the TAB key in combination with the screen reader, so:\n>\n> 1. _**Do not**_ use it directly on any interactive elements, such as `<a>`, `<button>`, `<input>`, `<textarea>`, etc.\n>\n> 2. _**Do not**_ use it on any tag element that contains any interactive element.\n>\n> 3. _**Do not**_ use it on any tag element with `tabindex=\"0\"` or grater.\n>\n> ⚠️ The use of `aria-hidden=\"true\"` on some of the examples listed above could break accessibility for some users.\n\n## Installation\n\n1. Install npm package:\n\n   `npm install @a11y-ngx/aria-hidden --save`\n\n2. Import `A11yAriaHiddenModule` into your module:\n\n```typescript\nimport { NgModule } from '@angular/core';\n...\nimport { A11yAriaHiddenModule } from '@a11y-ngx/aria-hidden';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        ...\n        A11yAriaHiddenModule\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule { }\n```\n\n**📘 NOTE:** Tested up to Angular 4\n\n### For Angular 4 use\n\n> Once installed, edit the file `a11y-ngx-aria-hidden.metadata.json` within the `/node_modules/@a11y-ngx/aria-hidden` folder and downgrade the value from the `version` property\n>\n> from\n>\n> ```json\n> {\"__symbolic\":\"module\",\"version\":4,\"metadata\":{...\n> ```\n>\n> to\n>\n> ```json\n> {\"__symbolic\":\"module\",\"version\":3,\"metadata\":{...\n> ```\n>\n> Done!\n\n## Usage\n\nAdd `aht` to any tag element you need to hide from the screen reader.\n\n### Code\n\n```html\n<i class=\"my-icon\" [aht]=\"false\"></i>\n<i class=\"my-icon\" aht></i>\n```\n\n### Output\n\n```html\n<i class=\"my-icon\"></i> <!-- Not Hidden for Screen Readers -->\n<i class=\"my-icon\" aria-hidden=\"true\"></i> <!-- Hidden for Screen Readers -->\n```\n","readmeFilename":"README.md"}