Another example for the need of a warning color as background is T108762.

In T123860#2059687, @Pginer-WMF wrote:

I had no time to look into this in detail yet, but some quick comments based on the video:

• I think that the highlight is less prominent than the active state, and I don't think it too distracting, but the use of blue may bee communicating that the item is "active" instead of "about/ready to be active". Some examples (a bit exaggerated to communicate the idea behind them, not expecting these problems to happen a lot in practice):
  • I click into an input field and the mouse is not working properly. I keep typing thinking the input is already active.
  • I'm filling a form, as I fill the first field I moved the cursor away over what happened to be the second field. I end up typing on the wrong field.

It's been available on WikiFont for quite some time now. 4th column from the right, 4th row down.

I've also been using the same yellow from the old palette. It currently fails contrast test, but I still want to look into guidelines for non-text.

@Pginer-WMF I got a document started to start listing some needs around style guide. While I might not be able to get to this request right away, I want to make sure that they're captured.

@Volker_E, would you be able to help @Praveenraj?

Also, that's a good reminder...

In T125317#1988573, @violetto wrote:

In the recent T109915 task, we came up with 3 black/gray for text colors that is colorblind-friendly. They were #000, #222, and #949494 (for disabled text, placeholder text).

Does this have implications for the current default text color of content #252525 ? (on most but not all wikis, IIRC) If so, is there a task or discussion for that?
(I'd forgotten about that, as I use global.css to override #content to black, hence the #333 I use has more contrast for me, than it would for others... :/ )

We can explore an option to this effect that does not depend on the color of a button to show its presence.

The latest SVGs are usually at Dropbox.

ping @Esanders @Volker_E

@MSyed, we saw that you guys were exploring different kinds of input text fields for the search interface. Can you update us on this task on the progress so we can capture possible new input fields?

There you go!

Looks much better!

I'll get something prepared on sketch and pholio.

I put together some needs for our Phabricator board. I wrote some suggestions on how we can organize them after looking around the links you sent us. Let me know what you think.

I'm curious how much effort will it be to just replace the entire box and replace with a dropdown like that:

In T109915#1994576, @Esanders wrote:

On the other hand Echo seems to (ab?)using constructive green for positive feedback ('thanks' messages etc.)

That's really good to know @Esanders. Would you be able to share some of the bug tasks you mentioned?

In the recent T109915 task, we came up with 3 black/gray for text colors that is colorblind-friendly. They were #000, #222, and #949494 (for disabled text, placeholder text).

@violetto, once the basics are covered, I would like to invite you act as the great creative designer you are, and to think of a functional and visually attractive design for this page. Newsletters are great, some people put a lot of effort on them. All publishers want as many subscribers as possible. Think of it, newsletters can be an entry point for readers not even considering editing today, if they discover that... Wikipedia has a newsletter about Archeology of the Pleistocene!!!

I'm curious to hear what you all think about letting the browser take care of the focus states. From my point of view, I want to make this focus state design invisible. What that means is:

on Dropbox as well Design > + Assets > Icons > 4 Current > uniE042 - clip.svg

Ya, can.

In T124571#1968414, @Prtksxna wrote:

@violetto, do you also happen to have the same icon for the Apex theme?

A different icon?

It's a better practice to not only use color to differentiate because color blindness users. What do you think about using an icon like this?

I hope that wasn't too overwhelming! What are you guys' thoughts on this, feel free to poke. :):)

We have a pretty similar one here, but there are space and line thickness issues that I need to resolve. Give me until Friday to get this resolved, or is this pretty urgent?

Yup we got one, it's not in the final folder. But I'll get that fixed soon.

As a prototype. I didn't think it was sustainable either, that's why the switch to svg.

I switched icons to use svg sprite as opposed to a .js file that fetches svg from fontastic.me and have been getting this issue

Create a Newsletter

I finally saw it in action, thanks @bmansurov.

Since Jan 1, we entered a new quarter (Q3) and this task was our goal for the last quarter (Q2). We still have our eyes on these unchecked tasks and they are continuously being worked on and awaiting finalization.