Web Accessibility
Great design doesn't leave people behind. We care deeply about making sure our work—and our own site—is accessible, comfortable, and easy to use for literally everyone. Hov.ski is built with WCAG 2.2 and ADA standards in mind, but we don't just set it and forget it.
We think of accessibility as a core habit, not a one time project. We're constantly fine tuning things behind the scenes to keep making this space better for all our partners, collaborators, and visitors.
Here is a list of some of our current web accessibilities added to date:
- Plain Language: We write in clear, straightforward language. Avoiding unnecessary jargon makes our work easier to understand for everyone, including folks with cognitive disabilities or those who speak English as a second language.
- Descriptive Alt Text: Every image, icon, and video on our site includes descriptive alternative text so that visual content is fully translated for screen readers.
- Descriptive Links: We use unique, context rich labels for our links and buttons. You’ll always know exactly where a link is taking you before you click it.
- Flexible Viewing: Our site functions beautifully in both portrait and landscape orientations, adapting seamlessly to whatever device or display preference you use.
- Clear Hierarchy: We use structural heading tags (H1, H2, etc.) in a strict, logical order so screen readers and search engines can easily map out our pages.
- Readable Type Sizes: We don’t make you squint. All of our text is larger than 16px. Our base size starts at a comfortable 1.25 REM (20px) and adjusts to a minimum of 1.125 REM (18px) on mobile devices.
- Keyboard Navigation: We've applied and ensure dynamic elements (like
aria-expandedtags) update correctly and non interactive<div>containers are keyboard accessible when needed. - Proper Semantics: We’ve tagged interactive buttons with correct ARIA labels and roles, and we’ve labeled links that open in new tabs so screen reader users aren't caught by surprise.
- Accessible Forms: Our forms are built from the ground up for assistive tech. We’ve paired every input field with explicit ID-labeled text and added descriptive
aria-labelattributes to make filling them out a breeze. - Language Tags: Every page includes language code attributes, helping text to speech tools and caption software read our content with the correct pronunciation and pacing.
- Hiding the Noise: Decorative elements that don't add meaning (like decorative SVGs or spacer icons) are explicitly hidden from screen readers using
role="none"so they don’t clutter the experience. - Contrast Standards: We’ve tested the colour contrast of our text, borders, icons, inputs, and form controls against their backgrounds to ensure a minimum contrast ratio of 3.01:1 for maximum readability.
- Tappable Targets: To make navigation easy for everyone—especially those with motor control challenges—all critical touch controls (including our social icons, gallery navigation, and menus) have a minimum target size of 44px.