ryersondmp / sa11y

Sa11y is an accessibility quality assurance tool that visually highlights common accessibility and usability issues. Geared towards content authors, Sa11y straightforwardly identifies errors or warnings at the source with a simple tooltip on how to fix them.

Home Page:https://sa11y.netlify.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Missing Outline Level

brianteeman opened this issue · comments

It used to be indicated as a red x as still can be seen on the home page screenshots
image

It is now an ! which to me doesnt look as clear,

image

I changed this to be more consistent with the Error annotation icon, which is an exclamation mark. I was going to use ⚠ originally, but it doesn't look good consistently across browsers.

I don't have an issue changing it back to the X.

That said — thoughts?

for me either the or the ⚠️look better to me

i'll change it back to ⚠️ and use the proper entity so it doesn't convert into an emoji ⚠

Nvm, i used the FontAwesome icon — it will look good. Will update dev shortly

Looks a lot better now

Updated error icon badge within Page Outline