search

w3c / wai-website-design

WAI Website Design and Redesign
3 stars 7 forks source link

Highlight boxes and misc visual designs #100

Closed shawna-slh closed 6 years ago

shawna-slh commented 6 years ago

Apologies if we have this stuff listed elsewhere. I didn't find it, and wanted to get it down before I forgot.

I think we still need visual design of a few types of highlight boxes and such, including for things such as these:

I assume we want more uniform visual designs for similar things, e.g., examples. :-)

yatil commented 6 years ago

We have the boxes already. I don’t know why this is an open issue.

https://w3c.github.io/wai-website-components/components/detail/box-wrapper--default.html

We just have to decide which style to use where and apply that. Some examples need editorial work. I will take care of most of it and defer to the editors where needed/more efficient.

EDIT: Especially I think we have all the design templates for this, so nothing @aliciafrausto needs to care about :-D

shawna-slh commented 6 years ago

OK, I'll close it for now.

We'll need to see them implemented to see if we all think they work well.

yatil commented 6 years ago

We'll need to see them implemented to see if we all think they work well.

We currently don’t use them anywhere. I get no directions on where to use them, so I do not just use them somewhere. We have examples for those boxes in the tutorials and the tips. They have been implemented according to the finished design.

I reopen this issue because I did not get any direction which bo to use where and therefore this issue is not resolved.

aliciafrausto commented 6 years ago

https://visa.invisionapp.com/share/YPAVCUZA9#/223719140_Graphics These are the elements I've already created styles for, for reference.

It seems like that box Eric created plus what is in the mocks will cover the list up above, but let me know if not.

yatil commented 6 years ago

Implemented with standard boxes here: https://w3c.github.io/wai-contacting-orgs/

Unclear what this refers to. To the text “A shorter introduction is available here: Accessibility - W3C”? We don’t currently have something like that and I can think about if really needed.

https://wai-quick-start.netlify.com/tips/designing/

https://w3c.github.io/wai-website/tutorials/page-structure/headings/ (Needs images and other things prepared in the actual tutorial repositories, but we do indeed have highlight boxes for that content.)

I think they all work well, if there is something missing, feel free to open a different issue.