CITY-41: Add new Resources section and move Ideas to Blog section

Metadata

Source
CITY-41
Type
Task
Priority
Major
Status
Done
Resolution
Done
Assignee
Simon Bates
Reporter
Simon Bates
Created
2018-11-06T09:56:09.018-0500
Updated
2018-11-30T15:26:04.136-0500
Versions
N/A
Fixed Versions
N/A
Component
N/A

Description

Implement the structure for the toolkit.

Attachments

Comments

  • Simon Bates commented 2018-11-15T16:43:38.773-0500

    Check-in with Sepideh 2018-11-15:

    • Change the footer colour to the light grey [DONE]
    • Change blog post background to the light (white?) colour [DONE]
    • Remove "Back to home" link at end of each blog post [DONE]
    • Style navigation bar [DONE]
      • Background: #333333
      • Text: light grey (new colour of footer)
      • Underline: same as text

    Lower priority:

    • On homepage, align header text with body text
    • Use wider left margin on blog post (as home page) [DONE]
    • CITY-24: Images not displaying in narrow browser windows

  • Simon Bates commented 2018-11-20T15:33:01.794-0500

    [DONE]

    The card descriptions are toggled using a JavaScript click handler on a div ('resourcesCardDescriptionToggle').

    We will need to add keyboard support and ARIA annotations to indicate the role of this toggle control and its state.

    Change to a <button> element?

    Consult with Lisa and Joseph.

  • Simon Bates commented 2018-11-22T15:57:57.152-0500

    Still to do:

    • Accessibility assessment and implementation/fixes [Fri Nov 23]
      • Keyboard and ARIA implementation for card description expand/collapse [DONE]
      • The yellow and red card background colours fail WCAG AA contrast guideline (see comment with details below) [DONE]
      • Switch the order of site and current page in the page title [DONE]
      • Put navgiation into <nav><ul></ul></nav> and indicate current section with aria-current="true" [DONE]
      • Rework <H1>s to match the first part of the page title, rather than always being the site name "Co-designing Inclusive Cities"
    • Introduction section [DONE]
      • Text [DONE]
      • Image of template [DONE]
      • Links to download template in different formats [DONE]
    • Add resource content [aim to have resource content ready end of day Fri Nov 23]
    • Testing and implementation for mobile [DONE]
    • Add "Read more" links to expanded card descriptions [DONE]
    • Update the CSS so that card format colours are in one place [DONE]
    • Add legend for resource format types [DONE]
    • Add text to the Resources introduction saying that feedback can be provided via email [DONE]
    • Sort Related Resources in same order as on Resources page: format, then alphabetical
    • Make the image for the Co-design template smaller on mobile
    • Filter resource cards
    • Facility for user contribution of resources
    • Testing before going live – start Wed morning at latest
      • UIO
      • Mobile
      • Accessibility (in particular the keyboard and ARIA of card description toggle)
      • IE11 and other browsers
      • Ensure URLs for existing pages have not changed
      • Check resource content

    Go live date: end of day Thursday Nov 29

  • Simon Bates commented 2018-11-26T10:01:30.827-0500

    Contrast checks with TPG Colour Contrast Analyser:

    White on dark blue (perspective)
    #FFFFFF on #303D47
    PASS: 11.1:1

    White on yellow (reflection)
    #FFFFFF on #CA8F20
    FAIL 2.8:1 (need 4.5:1)

    White on red (tool)
    #FFFFFF on #E15846
    FAIL 3.7:1 (need 4.5:1)

    https://www.w3.org/TR/WCAG21/#contrast-minimum