This is an editable region -- click in to see the TinyMCE toolbar appear with options for things like tagging headings. Note that this toolbar has nothing to do with Editoria11y -- it is just providing this editable container for testing.
Add and delete content, create and fix issues.The easiest ways new tips to appear are typing a sentence in caps lock, adding a link with text like "click here," and tagging a heading that skips a level.
Some things you might notice that I'd especially like thoughts on:
- Tips will fade out when you click into paragraphs, to prevent tips covering where you are typing.
- There's a fairly long hesitation (~1s) between checks. This greatly helps with performance, but...is it a good balance of performance and frequency?
Sample issues
This is a big paragraph with one small link asking you to click here, which is flagged because it is not an informative link name.
This is a big paragraph with several alerts that place their tips fairly close together:, click here, and https://princeton.edu, and ""
This is a suspiciously long heading with two alerts, one for skipping a level, and one for its prodigious length that indicates an excessive verbosity that is not conducive to the brevity expected from a heading
Images
An image with no alt text
An image with long alt text
An image with blank alt text
Tables
Tables without valid headers
| Tables without heading cells will be flagged | Cell |
| Cell | Cell |
Empty table header cells
| Empty table heading cells will also be flagged | |
|---|---|
| Cell | Cell |
Position collisions
- There are five alerts here and the buttons don't fit; the collision detection is moving them off each other too far, so several are only reachable via the main panel "next" button. Need to improve collision handling.
- click here
- click here
- click here
- click here
- click here