https://github.com/workeffortwaste/eleventy-plugin-logical-content-flow

An Eleventy linter plugin to check for issues with the Logical Content Flow of the heading elements on your site.
https://github.com/workeffortwaste/eleventy-plugin-logical-content-flow

accessibility eleventy eleventy-plugin

Last synced: 4 months ago
JSON representation

An Eleventy linter plugin to check for issues with the Logical Content Flow of the heading elements on your site.

• Host: GitHub
• URL: https://github.com/workeffortwaste/eleventy-plugin-logical-content-flow
• Owner: workeffortwaste
• Created: 2021-05-25T13:14:53.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-02-10T13:37:25.000Z (almost 3 years ago)
• Last Synced: 2024-09-29T15:39:42.532Z (4 months ago)
• Topics: accessibility, eleventy, eleventy-plugin
• Language: JavaScript
• Homepage: https://defaced.dev/tools/logical-content-flow/
• Size: 111 KB
• Stars: 11
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

        
# eleventy-plugin-logical-content-flow

An [Eleventy](https://github.com/11ty/eleventy) linter plugin to check for issues with the [Logical Content Flow](https://defaced.dev/tools/logical-content-flow/) of the heading elements on your site.

**Like this project? Help support my projects and buy me a coffee via [ko-fi](https://ko-fi.com/defaced).**

![Sample screenshot of eleventy-plugin-logical-content-flow in action](./assets/sample-screenshot.png)

## Installation

Available on [npm](https://www.npmjs.com/package/workeffortwaste/eleventy-plugin-logical-content-flow).

```

npm install eleventy-plugin-logical-content-flow --save-dev

```

Open up your Eleventy config file `.eleventy.js` and use `addPlugin`:

```js

const logicalContentFlow = require("eleventy-plugin-logical-content-flow");

module.exports = function(eleventyConfig) {

  eleventyConfig.addPlugin(logicalContentFlow);

};

```

## Known Issues

This plugin JSDOM to parse the output HTML. As the library doesn't render the page the checks for hidden headings and font size from the [Logical Content Flow Tool](https://defaced.dev/tools/logical-content-flow/) have not been included with this plugin.