Please provide a short summary of the changes introduced by this pull request and reference the GitHub issue # (if applicable). Examples with potential change categories are listed below. Please change the item content as needed.
CONTENT - Change Climate smart logo to 2021 version (#118)
REFACTORING - Add Home link in footer
ACCESSIBILITY - Change <title> on social icons to remove "logo" and express link action
BUGFIX - Social media icons were white on case study pages leading to poor contrast. Set to the colour theme of page.
Accessibility Checklist:
The following are general checks to ensure that new content/functionality added to the All Purpose website is accessible. The new content could be a component, content section, etc. Refer to the developer checklist in Notion for more comprehensive testing. Note: many of the checks may not be applicable to the work in the PR.
All text against background meets WCAG 2.1 Level AA colour contrast requirements: minimum 4.5:1 for small text (below 18pt regular or 14pt bold) and 3:1 for larger text
Colour is not the only method used to convey information in the design
Link and button text is discernable from the surrounding text
Informative images added to Prismic have the appropriate alt text
Captions have been created and uploaded to Vimeo multimedia
Embedded video iframe code added to Prismic has a title attribute and value describing the content
Multimedia has a text transcript created and added in Prismic
All controls, links be accessed by keyboard only
The tabbing order makes sense
Keyboard focus is not lost or trapped as you tab through the page
Link/button text can be read out of context
Content is hidden so it does not exclude particular users
All id attribute values on a page are unique
Icon-only buttons/links have an associated text label
Custom components such as tab panels, collapsible panels have the appropriate markup pattern and expected keyboard functionality
New pages have a page title (i.e. <title>)
Content section titles are marked up with the appropriate headings levels
All content resizes proportionally when the page is zoomed in/magnified
There are no console errors from eslint-plugin-jsx-a11y
Running browser accessibility checkers (e.g Axe, IBM Equal Access Accessibility Checker, Lighthouse) does not produce errors on pages where changes were made
Pre-deployment Checklist:
[x] A self-review of the code was performed
[x] Code has comments, particularly in hard-to-understand areas
[x] Development code (e.g. console.logs, commented out areas not required for production) have been removed
[x] There are no console errors when running gatsby develop
[x] You have gone through the Accessibility Checklist above
[x] The changes have been tested across different browsers and mobile devices
[x] Running gatsby build leads to successful build with no errors
Description of Changes
Please provide a short summary of the changes introduced by this pull request and reference the GitHub issue # (if applicable). Examples with potential change categories are listed below. Please change the item content as needed.
<title>on social icons to remove "logo" and express link actionAccessibility Checklist:
The following are general checks to ensure that new content/functionality added to the All Purpose website is accessible. The new content could be a component, content section, etc. Refer to the developer checklist in Notion for more comprehensive testing. Note: many of the checks may not be applicable to the work in the PR.
alttexttitleattribute and value describing the contentidattribute values on a page are unique<title>)eslint-plugin-jsx-a11yPre-deployment Checklist:
console.logs, commented out areas not required for production) have been removedgatsby developgatsby buildleads to successful build with no errors