Live Coding Review about checka11y.css HOT 4 CLOSED

I'm not entirely sure what you mean. This is a css based utility, which means once included errors will show up once the correct combination of tags/attributes appears.

If you're looking for something more programmatic which checks through the code you've written looking for more direct problems, content issues or similar then that's a problem reserved for other tools, like (eslint-plugin-jsx-a11y)[https://github.com/evcohen/eslint-plugin-jsx-a11y], and manual testing which automated tools could never entirely replace.

Let me know if I've misunderstood what you're suggesting.

from checka11y.css.

Going to close this. I don't think this is in scope and it appears the author agrees (based on the emoji).

CSS is automatic so at most you'll have to refresh the page after making changes to see them applied.

In future, it might be worth considering a tool with auto-reload if we convert this to a different approach than testing directly in HTML/CSS files but for now that would be a bit much.

from checka11y.css.

I think I caused some confusion with the examples of HTML etc.

What I wanted to show with my above suggestion is that the program is currently (as I saw it, please correct me if I'm wrong) trimmed so that you always have to manually start the CSS "validator" when you make changes.

But to give the user a more comfortable experience, you could automate this non-automated process. Thats what i wanted to say / suggest.

from checka11y.css.

I think I understand what you're asking and I think it will already do this. As you're writing the code/HTML, the CSS automatically hooks onto whatever you're writing, you don't have to restart anything.

E.g. you could inspect this comment and start adding your own HTML and automatically, the GitHub stylesheets will apply the styles to whatever you've just written in the inspector.

I'm happy to leave this issue open if we've misunderstood, then you, @David-Spudic, can provide us with more details when we release it?

from checka11y.css.