# focusmee

> Add focus to elements and labels for accessibility

Latest version **1.2.0** (published 2019-08-22) · ISC license · 0 weekly downloads

## Install

```sh
npm install focusmee
pnpm add focusmee
yarn add focusmee
bun add focusmee
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.2.0 |
| Published | 2019-08-22 |
| First published | 2019-08-22 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 2.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Paul Alonte |
| Maintainers | paulhenry |
| Keywords | focus |

## Links

- npm: https://www.npmjs.com/package/focusmee
- Repository: https://github.com/paulalonte/focusme
- Homepage: https://github.com/paulalonte/focusme#readme
- Issues: https://github.com/paulalonte/focusme/issues
- npm.io page: https://npm.io/package/focusmee

## Recent versions

- 1.2.0 (latest) — 2019-08-22
- 1.1.0 — 2019-08-22
- 1.0.0 — 2019-08-22

## README

# What's focus me

It adds focus to an element and adds label for accessibility

#Installation

`npm i focusmee --save`

Then...

```
import { focusme } from 'focusme';

focusme({
    accessibleBlock: 'accessible-block',
    labels: ['Label 1', 'Label 2', 'Label 3']
});

HTML element that needs focus should have a classname 'focus-me'
e.g <div class='focus-me'>
```

##Options

focusme supports 2 options, accessibleBlock and labels:

* *accessibleblock* - element group that will be accessible to users
* *labels* - array of labels to add name/label to an element. This if for screen readers to read

---
_Source: https://npm.io/package/focusmee · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._