Web Accessibility
We genuinely care about accessibility. We're always working to make things better, taking active steps to ensure our partners and our collaborators have accessible experiences both in projects and on the web. We're not flawless, but we're committed to designing with everyone in mind because accessibility is for everyone.
Our studio is committed to ensuring our website is accessible for everyone and is compliant with both WCAG 2.0 and ADA.
We will continuously work to improve hov.ski and ensure it complies with the best practices of Web Content Accessibilities Guidelines (WCAG).
Here is a list of some of our current web accessibilities added to date:
- Recognizing the significance of content and the value of explaining our work to visitors, we've employed inclusive and plain language. This approach benefits everyone, including those with cognitive disabilities and non-native language speakers.
- Our website provides descriptive text for all images, icons, videos, and other non-text elements on our website.
- Our website is easy to read and is functionable in both landscape and portrait modes, ensuring content is accessible to users with different display preferences.
- Headings are used in a very distinct way that communicate proper rankings on each page.
- Our website employs the Accessibility (A11y) Webflow plugin, ensuring proper updating of dynamic attributes (e.g., aria-expanded tags) and making non-interactive <divs> keyboard accessible when necessary.
- We've made sure that crucial touch controls such as social icons, gallery viewers, menus, etc., all have a minimum size of 44px, including the social icons in our footer.
- We've resized all text without compromising content or functionality, acknowledging the importance of accessibility. All text is now larger than 16px, with our base website size set at 1.35 REM (21.6px) and text on smaller devices is adjusted to a minimum of 1.25 REM (20px).
- We've added language codes to every webpage on our site to enhance accessibility. This benefits users using assistive technologies, such as text-to-speech controls, and those who rely on captions.
- All button elements with button functionalities have been tagged for assistive technology using aria-labels as well as a role function.
- All links that open in new tabs or windows have been labeled and tagged for assistive technology to tell the user or screen-reader that the element will be opening in a new tab with an aria-label explanation.
- We've tested colour contrast on all elements, including borders, icons, and text on backgrounds, ensuring a minimum contrast ratio of 3.01:1. This evaluation extends to text on inputs, radio buttons, and checkboxes within our forms.
- We've ensured the use of unique and descriptive link labels across our site, providing clear context for screen readers to understand where links will lead. This includes clear button context for enhanced accessibility.
- Our forms were built with assistive technology in mind! We've added form field labels throughout our contact form to ensure that labels are described with ID tags, but also every form field has an included aria-label attribute describing that sections intent.
- Non-functioning icons and spaces were excluded to help assistive technology. This includes any item that is used decoratively (Ie. font icons, svgs, or images with no purpose) are labeled with a role and has a representation that equals 'none'.