5 Matching Annotations
  1. Jan 2025
    1. Join Our Monthly Newsletter !function(o,t,e,a) { o._aoForms=o._aoForms||[],o._aoForms.push(a); var n=function() { var o=t.createElement(e); o.src="https://info.eco.ca/acton/content/form_embed.js", o.async=!0; for(var a=t.getElementsByTagName(e)[0],n=a.parentNode,c=document.getElementsByTagName("script"),r=!1,s=0;s<c.length;s++) { if(c[s].getAttribute("src")==o.getAttribute("src"))r=!0; } r ? typeof(_aoFormLoader) != "undefined" ? _aoFormLoader.load({id:"848d016b-1834-4191-98c4-2e9c48ba54a2:d-0034",accountId:"42902",domain:"info.eco.ca",isTemp:false,noStyle:false,prefill:false}) : "" : n.insertBefore(o,a) }; window.attachEvent ? window.attachEvent("onload",n) : window.addEventListener("load",n,!1),n() } (window,document,"script",{id:"848d016b-1834-4191-98c4-2e9c48ba54a2",accountId:"42902",domain:"info.eco.ca",isTemp:false,noStyle:false,prefill:false}); wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); ( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""].domain = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "default", {"translation-revision-date":"2024-11-04 22:51:08+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"en_CA"},"Notifications":["Notifications"]}},"comment":{"reference":"wp-includes\/js\/dist\/a11y.js"}} ); var gform_i18n = {"datepicker":{"days":{"monday":"Mo","tuesday":"Tu","wednesday":"We","thursday":"Th","friday":"Fr","saturday":"Sa","sunday":"Su"},"months":{"january":"January","february":"February","march":"March","april":"April","may":"May","june":"June","july":"July","august":"August","september":"September","october":"October","november":"November","december":"December"},"firstDay":1,"iconText":"Select date"}}; var gf_legacy_multi = []; var gform_gravityforms = {"strings":{"invalid_file_extension":"This type of file is not allowed. Must be one of the following:","delete_file":"Delete this file","in_progress":"in progress","file_exceeds_limit":"File exceeds size limit","illegal_extension":"This type of file is not allowed.","max_reached":"Maximum number of files reached","unknown_error":"There was a problem while saving the file on the server","currently_uploading":"Please wait for the uploading to complete","cancel":"Cancel","cancel_upload":"Cancel this upload","cancelled":"Cancelled"},"vars":{"images_url":"https:\/\/eco.ca\/wp-content\/plugins\/gravityforms\/images"}}; var gf_global = {"gf_currency_config":{"name":"Canadian Dollar","symbol_left":"$","symbol_right":"CAD","symbol_padding":" ","thousand_separator":",","decimal_separator":".","decimals":2,"code":"CAD"},"base_url":"https:\/\/eco.ca\/wp-content\/plugins\/gravityforms","number_formats":[],"spinnerUrl":"https:\/\/eco.ca\/wp-content\/plugins\/gravityforms\/images\/spinner.svg","version_hash":"55292f67cda3dd157894b17079a94e93","strings":{"newRowAdded":"New row added.","rowRemoved":"Row removed","formSaved":"The form has been saved. The content contains the link to return and complete the form."}}; #gform_wrapper_18[data-form-index="0"].gform-theme,[data-parent-form="18_0"]{--gf-color-primary: #204ce5;--gf-color-primary-rgb: 32, 76, 229;--gf-color-primary-contrast: #fff;--gf-color-primary-contrast-rgb: 255, 255, 255;--gf-color-primary-darker: #001AB3;--gf-color-primary-lighter: #527EFF;--gf-color-secondary: #fff;--gf-color-secondary-rgb: 255, 255, 255;--gf-color-secondary-contrast: #112337;--gf-color-secondary-contrast-rgb: 17, 35, 55;--gf-color-secondary-darker: #F5F5F5;--gf-color-secondary-lighter: #FFFFFF;--gf-color-out-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-out-ctrl-light-rgb: 17, 35, 55;--gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-out-ctrl-light-lighter: #F5F5F5;--gf-color-out-ctrl-dark: #585e6a;--gf-color-out-ctrl-dark-rgb: 88, 94, 106;--gf-color-out-ctrl-dark-darker: #112337;--gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-color-in-ctrl: #fff;--gf-color-in-ctrl-rgb: 255, 255, 255;--gf-color-in-ctrl-contrast: #112337;--gf-color-in-ctrl-contrast-rgb: 17, 35, 55;--gf-color-in-ctrl-darker: #F5F5F5;--gf-color-in-ctrl-lighter: #FFFFFF;--gf-color-in-ctrl-primary: #204ce5;--gf-color-in-ctrl-primary-rgb: 32, 76, 229;--gf-color-in-ctrl-primary-contrast: #fff;--gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;--gf-color-in-ctrl-primary-darker: #001AB3;--gf-color-in-ctrl-primary-lighter: #527EFF;--gf-color-in-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-in-ctrl-light-rgb: 17, 35, 55;--gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-in-ctrl-light-lighter: #F5F5F5;--gf-color-in-ctrl-dark: #585e6a;--gf-color-in-ctrl-dark-rgb: 88, 94, 106;--gf-color-in-ctrl-dark-darker: #112337;--gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-radius: 3px;--gf-font-size-secondary: 14px;--gf-font-size-tertiary: 13px;--gf-icon-ctrl-number: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-icon-ctrl-select: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-icon-ctrl-search: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='640' height='640'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);--gf-ctrl-border-color: #686e77;--gf-ctrl-size: var(--gf-ctrl-size-md);--gf-ctrl-label-color-primary: #112337;--gf-ctrl-label-color-secondary: #112337;--gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);--gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);--gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);--gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);--gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);--gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);--gf-ctrl-btn-border-color-secondary: #686e77;--gf-ctrl-file-btn-bg-color-hover: #EBEBEB;--gf-field-img-choice-size: var(--gf-field-img-choice-size-md);--gf-field-img-choice-card-space: var(--gf-field-img-choice-card-space-md);--gf-field-img-choice-check-ind-size: var(--gf-field-img-choice-check-ind-size-md);--gf-field-img-choice-check-ind-icon-size: var(--gf-field-img-choice-check-ind-icon-size-md);--gf-field-pg-steps-number-color: rgba(17, 35, 55, 0.8);} "*" indicates required fields .ao2gf-848d016b-1834-4191-98c4-2e9c48ba54a2 { font-size: 11pt; font-family: 'Open Sans', sans-serif; background-image: none; margin: 0px; padding: 0px; background-repeat: no-repeat; background-size: auto; background-position: center center; .ao2gf-848d016b-1834-4191-98c4-2e9c48ba54a2.ao2gf input, .ao2gf textarea, .ao2gf select{ background-color: #FFFFFF; border-color: #CCCCCC; border-width: 1px; color: ; font-size: inherit; font-family: inherit; } .ao2gf-848d016b-1834-4191-98c4-2e9c48ba54a2.ao2gf input:focus, .ao2gf textarea:focus, .ao2gf select:focus{ border-color: #3B99FC; } .ao2gf-848d016b-1834-4191-98c4-2e9c48ba54a2.ao2gf input.ao2gf-error, .ao2gf textarea.ao2gf-error, .ao2gf select.ao2gf-error{ border-color: #FF0000; border-width: 1px; } .ao2gf-848d016b-1834-4191-98c4-2e9c48ba54a2.ao2gf span.ao2gf-error-message{ color: #FF0000; font-size: 11px; } .ao2gf-848d016b-1834-4191-98c4-2e9c48ba54a2.ao2gf ::-webkit-input-placeholder { color: darkgrey; font-size: inherit; font-family: inherit; text-align: inherit; } .ao2gf-848d016b-1834-4191-98c4-2e9c48ba54a2.ao2gf ::-moz-placeholder { color: darkgrey; font-size: inherit; font-family: inherit; text-align: inherit; } .ao2gf-848d016b-1834-4191-98c4-2e9c48ba54a2.ao2gf :-ms-input-placeholder { color: darkgrey; font-size: inherit; font-family: inherit; text-align: inherit; } .ao2gf-848d016b-1834-4191-98c4-2e9c48ba54a2.ao2gf :-moz-placeholder { color: darkgrey; font-size: inherit; font-family: inherit; text-align: inherit; } .ao2gf_input_672f909ba8bac { background-color: rgb(57, 155, 55); background-image: none; background-repeat: no-repeat; background-size: auto; background-position: center center; color: rgb(255, 255, 255); border-radius: 6px; display: inline-block; text-decoration: none; font-size: 12pt; font-weight: normal; font-style: normal; border-style: solid; border-color: transparent; border-width: 0px; padding: 10px; } First Name*Last Name*Email Address* Company NameCompany Name

      Labeled Forms: The forms on Eco Canada are well-labeled, which I think will allow screen readers to correctly identify input fields (name, email, company, etc) and guide users through the process. This is an essential feature that ensures everyone can complete forms without confusion and join the Eco Canada community.

    2. Inaccessible Keyboard Navigation: While I don't have much practice navigating sites with my keyboard, I found certain menus and interactive elements on here are difficult to access using only my keyboard, which I can imagine makes navigation harder for users who cannot use a mouse on the regular. Ensuring full keyboard functionality would improve usability, especially because I found it a little complex to navigate using my Tab button (however, this may be user error as I've mentioned, I don't often try to use only my keyboard for navigation).

    3. EP® DEsignation Become an Environmental Professional (EP®) Increase your influence and safeguard stakeholder trust by earning the only nationally recognized designation for environmental practitioners. Take Eligibility Quiz

      Great Colour Contrast: Eco Canada uses good colour contrast, making text readable even for users with low vision or colour blindness. This ensures that foreground content (black/green) stands out clearly against the (white) background, improving accessibility for all users. The bolded headings as well as pop of colour for links is also a good distinction that's easy to navigate.

    4. No Alternate Text on Images/Main Image Slide Header and Decorative Images: Some images that provide key information don’t have alt text, as well as some of the decorative photos, making them inaccessible to users relying on screen readers. Without descriptive alt text, users with visual impairments may miss out on important content or context, reducing the site's overall accessibility. I think there can also be numbers added on the white dotted navigator for the main slide headings with images for easy navigation (some of the white on white makes it hard to see and scroll).

    5. Clear Headings & Structure: Eco Canada's website has a well-organized heading structure, which makes it easier for screen readers to parse and for users to navigate in general. Good use of headings makes it so content can be read in a logical, linear way without confusion. Especially useful for those with assistive technology.