https://github.com/DennisSuitters/summernote-a11y

Unobtrusive Accessibility Checker for Summernote WYSIWYG that uses CSS
https://github.com/DennisSuitters/summernote-a11y

a11y a11y-testing accessibility-checker css summernote summernote-plugins

Last synced: about 1 month ago
JSON representation

Unobtrusive Accessibility Checker for Summernote WYSIWYG that uses CSS

• Host: GitHub
• URL: https://github.com/DennisSuitters/summernote-a11y
• Owner: DennisSuitters
• Created: 2017-11-27T12:06:56.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2019-10-05T09:21:17.000Z (about 5 years ago)
• Last Synced: 2024-11-09T04:04:14.689Z (about 1 month ago)
• Topics: a11y, a11y-testing, accessibility-checker, css, summernote, summernote-plugins
• Language: JavaScript
• Homepage:
• Size: 212 KB
• Stars: 4
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-summernote - summernote-a11y

README

        
# summernote-a11y

Unobtrusive Accessibility Checker Plugin for Summernote WYSIWYG that uses CSS

This Plugin uses a modified version of the CSS rules from [a11y.css](https://github.com/ffoodd/a11y.css) to check the Accessibility of the content in the Summernote Editor Area.

![summernote-a11y](a11y-screenshot.gif)

### Installation

#### 1. Include JS

Include the following code after Summernote:

```html

```

#### 2. Supported languages

Currently available in English!

#### 3. Summernote options

```javascript

  $('.summernote').summernote({

      toolbar:[

          ['a11y',['a11y']], // The Button

          ['style',['style']],

          ['font',['bold','italic','underline','clear']],

          ['fontname',['fontname']],

          ['color',['color']],

          ['para',['ul','ol','paragraph']],

          ['height',['height']],

          ['table',['table']],

          ['insert',['media','link','hr']],

          ['view',['fullscreen','codeview']],

          ['help',['help']]

      ],

      a11y:{

        langFile: '[folder]/lang/en-US.css' // This is the location to your CSS Language file.

      }

  });

```

#### 4. Check out our other Summernote Plugins via our main Github page.

- [Diemen Design](https://github.com/DiemenDesign/)