CTUS-4, 25 Focus Outline

Add your comments directly to the page. Include links to any relevant research, data, or feedback.

Status	In progress
Impact	HIGH / MEDIUM / LOW
Driver	@Derek Matthew
Approver
Contributors	@Uni (Hwa Young) Oh @Joseph McLarty @Michelle DaCruz (Unlicensed)
Informed
Due date	Feb 26, 2020
Outcome	Feb 28, 2020 Focus must to be noticeable We know that it stands out from the other colours on the page; in particular City blue. Design Considerations Consistent colour combinations identifies focused element Focus should modify border and background (border and background work together to provide appropriate contrast) Colours TBD Border 3px Focus should address the various CSS states Style CSS pseudo states focus focus+active focus+hover focus+disabled Focus style would be applied per element Mar 6, 2020 @Uni (Hwa Young) Oh @Michelle DaCruz (Unlicensed) will bring the colour option to the Communications team To decide on the final background colour @Joseph McLarty will provide support to describe the AODA requirements Final decision required. Colour proposal #00000 (border) #ec9f09 (background) According to @Joseph McLarty , Please don’t use https://uxmovement.com/ as a reference.

Background

What colour should we pick?

Element <a/> States	Focus	Active	Hover	Disabled

Element <a/> States	Focus	Active	Hover	Disabled
Focus				N/A
Active (mouseclick, keyboard)				N/A
Hover
Disabled	N/A	N/A	N/A	N/A

Element <button/> States	Focus	Active	Hover	Disabled