Merge pull request #28 from mvdschee/dev

Release 0.2.8

CHANGELOG.md

@@ -1,4 +1,10 @@
 # CHANGELOG
+## Version 0.2.8
+* Added support for Vue-html [pull #27](https://github.com/mvdschee/web-accessibility/pull/27) by [Kemal Ahmed](https://github.com/goatandsheep)
+* Added support for Vue linting
+* Changed patterns to be less prone to false positives
+* Updated readme
+
 ## Version 0.2.7
 * Correct spelling mistakes [pull #23](https://github.com/mvdschee/web-accessibility/pull/23) by [Gilles Leblanc](https://github.com/gilles-leblanc)
 * Updated/Upgraded dependencies

README.md

@@ -1,18 +1,17 @@
 # Web Accessibility Extension - Visual Studio Code
 [![The MIT License](https://flat.badgen.net/badge/license/MIT/orange)](http://opensource.org/licenses/MIT)
 [![GitHub](https://flat.badgen.net/github/release/mvdschee/web-accessibility)](https://github.com/mvdschee/web-accessibility/releases)
-[![Visual Studio Marketplace](https://flat.badgen.net/vs-marketplace/d/MaxvanderSchee.web-accessibility)](https://marketplace.visualstudio.com/items?itemName=MaxvanderSchee.web-accessibility)
+[![Visual Studio Marketplace](https://flat.badgen.net/vs-marketplace/i/MaxvanderSchee.web-accessibility)](https://marketplace.visualstudio.com/items?itemName=MaxvanderSchee.web-accessibility)
 
-### So I heard you wanted to write more accessible websites? Well, you came to the right Extension!
-> Although this extension will help you write better Web Accessible applications/websites is only based on your code, which means it can't cover the full spectrum of Web Accessibility. 
+### So I heard you wanted to write more accessible code? Well, you came to the right Extension!
+> This extension is here to help you get feedback on what parts need some more attention for it to be accessible, this is just the basics and doesn't cover all the rules but will help with making your project more accessible.
 
 ## ✨Features
 ![](./web-accessibility.gif)
 
 The extension can do the following for you:
 * Highlight elements that you should consider changing.
-* Give a hint what to change
-
+* Give a hint on how you should change it.
 
 ## 🔒Extension Settings
 The settings can be found at `File > Preferences > Settings > Extensions > Web Accessibility`
@@ -23,11 +22,6 @@ The settings can be found at `File > Preferences > Settings > Extensions > Web A
 | Semantic HTML | boolean | false |
 | Trace: Server | string | off |
 
-## 🐛Known Issues
-The following Issues will be dealt with soon.
-* More informing messages with links to resources.
-* Not all Web Accessibility errors implemented.
-
 ## 📝Release Notes
 All notable changes to this project will be documented in the [Changelog](./CHANGELOG.md).
 

client/package.json

@@ -1,9 +1,9 @@
 {
 	"name": "web-accessibility-client",
-	"description": "Web Accessibility for Visual Studio Code",
+	"description": "Audit Web Accessibility issues in Visual Studio Code",
 	"author": "MaxvanderSchee",
 	"license": "MIT",
-	"version": "0.2.7",
+	"version": "0.2.8",
 	"publisher": "MaxvanderSchee",
 	"repository": "https://github.com/mvdschee/web-accessibility",
 	"engines": {

client/src/extension.ts

@@ -39,7 +39,9 @@ export function activate(context: ExtensionContext) {
 		// Register the server for HTML documents
 		documentSelector: [
 			{ language: 'html', scheme: 'file' },
-			{ language: 'javascriptreact', scheme: 'file' }
+			{ language: 'javascriptreact', scheme: 'file' },
+			{ language: 'vue-html', scheme: 'file' },
+			{ language: 'vue', scheme: 'file'  },
 		],
 		synchronize: {
 			// Notify the server about file changes to '.clientrc files contained in the workspace

package.json

@@ -1,8 +1,8 @@
 {
 	"name": "web-accessibility",
 	"displayName": "Web Accessibility",
-	"description": "Web Accessibility for Visual Studio Code",
-	"version": "0.2.7",
+	"description": "Audit Web Accessibility issues in Visual Studio Code",
+	"version": "0.2.8",
 	"publisher": "MaxvanderSchee",
 	"license": "MIT",
 	"repository": "https://github.com/mvdschee/web-accessibility",
@@ -11,19 +11,21 @@
 		"vscode": "^1.25.0"
 	},
 	"categories": [
-		"Linters",
-		"Formatters"
+		"Linters"
 	],
 	"keywords": [
 		"web accessibility",
 		"a11y",
 		"wai-aria",
 		"wai",
-		"accessibility"
+		"accessibility",
+		"audit"
 	],
 	"activationEvents": [
 		"onLanguage:html",
-		"onLanguage:javascriptreact"
+		"onLanguage:javascriptreact",
+		"onLanguage:vue-html",
+		"onLanguage:vue"
 	],
 	"main": "./client/out/extension",
 	"contributes": {

server/package.json

@@ -1,9 +1,9 @@
 {
 	"name": "web-accessibility-server",
-	"description": "Web Accessibility for Visual Studio Code",
+	"description": "Audit Web Accessibility issues in Visual Studio Code",
 	"author": "MaxvanderSchee",
 	"license": "MIT",
-	"version": "0.2.7",
+	"version": "0.2.8",
 	"publisher": "MaxvanderSchee",
 	"repository": "https://github.com/mvdschee/web-accessibility",
 	"engines": {

server/src/accessibilityPatterns.ts

@@ -11,16 +11,16 @@
 
 // Order based om most common types first
 const patterns: string[] = [
-	"<div(?:.)+?>",
-	"<span(?:.)+?>",
+	"<div(>|)(?:.)+?>",
+	"<span(>|)(?:.)+?>",
 	// "id=\"(?:.)+?\"",
-	"<a(?:.)+?>(?:(?:\\s|\\S)+?(?=<\/a>))<\/a>",
-	"<img(?:.)+?>",
-	"<input(?:.)+?>",
-	"<head(?:.|)+?>(?:(?:\\s|\\S|)+?(?=<\/head>))<\/head>",
-	"<html(?:.)+?>",
+	"<a (?:.)+?>(?:(?:\\s|\\S)+?(?=<\/a>))<\/a>",
+	"<img (?:.)+?>",
+	"<input (?:.)+?>",
+	"<head (?:.|)+?>(?:(?:\\s|\\S|)+?(?=<\/head>))<\/head>",
+	"<html(>|)(?:.)+?>",
 	"tabindex=\"(?:.)+?\"",
-	"<(?:i|)frame(?:.|)+?>"
+	"<(?:i|)frame (?:.|)+?>"
 ];
 export const pattern: RegExp = new RegExp(patterns.join('|'), 'ig');