bcgov
All users and pages: UI page review for BC Gov style standard and other recommendations
Describe the task Create page by page checklist to review for BC gov style and breadcrumbs at the top of the page
Acceptance Criteria This is only a cross sample
-
[ ] Alignment
-
Text
-
[ ] Asterisk (use of, placement)
-
[ ] Badge status
-
colours
-
[ ] Border colours
-
[ ] Button
- alignment
- colour
- labels
- rollover
- red asterisks
- style
-
[ ] Colours
-
[ ] Field height
-
[ ] Fonts
-
including bold
-
[ ] Headings match size and style
-
[ ] Subheadings
-
[ ] Icons
-
[ ] Labels
-
[ ] Line height
-
[ ] Links, colours
-
Sort feature
- [ ] Menus
- [ ] Padding
- [ ] Page layout (e.g. Student > Student Details)
- [ ] Radius (corners)
- [ ] Size
- [ ] Type Scales
Additional context GDX Discovery Feedback Figma
Alignment Dates to be on 2 lines Note: Bottom 2 samples are displaying various browser window sizes and the date sizing will change.
Asterisk
Asterisk and clear button
Badge status Different colours needed for different badge status
Note: In Progress, Assessment and Enrolment all have the same colour
Border: Header bottom
Border (File uploader)
Button alignment
Button and text alignment
Button labels
Button position: Changes location on the page (e.g. center, far right)
Button style
Button style 2 (Note the shape, colour etc. )
Colour: Tracker your application progress line
Heading and link colour: Welcome to StudentAid BC (re:
Heading link colour and font
Headings and subheadings to review
Headings to be more explanative (clearer terminology) and review the style of the headings
Headings to review
Headings to match style
Headings: Table
Headings: Table (another sample): See "Loan/grant type" and "Estimated award"
Header
Header
Header
Icons
Add SABC icon to show that the file is coming from SABC
Inconsistent icons
Labels
Labels: Changed or missing
Line height, padding, button roll over
Links
Link placement
Sort feature
More fonts and padding
Menus
Padding
Page layout
Page layout: More feedback
Page layout: Child page
Page layout: Support for above
Remove red asterisk on Delete buttons
Radius
Scale: And colour for currency.
Size
Type scales
FYI, Astrid still writing this one.
