Context-Aware HTML IntelliSense

The core step to an accessible webpage is to use the right HTML element and attribute. You'll want to choose from a pool of 116 elements and 193 attributes. And the conditions of choosing any is buried in the HTML spec at WHATWG, and ARIA spec at W3C.

Reading those specs can be tiring. Remembering them can be a challenge.

This project tenders a list of usable elements and attributes to authors in real-time.

It'll be useful to a couple of tools:

• Website Builders can provide nocoders with the right element and attribute.

• Code Editors can provide context-aware intellisense and warnings.

• Web Browsers can help audit and verify webpage accessibility.

• Stubborn Humans can browse a quick simple visual HTML reference

The strategy is as follow:

• define a JSON data structure for HTML

• Use that structure to store details about HTML elements and attributes

• Also use that structure to store results of a parser that converts a given HTML document.

• Use the stored HTML details to create a context-aware checker

• Use the checker against the parser result.

While at it:

• Provide the HTML details as a visual reference

• Provide the checker as a Code Editor Plugin, and a Web Browser Plugin