Accessibility

Our goal

We aim to meet the Web Content Accessibility Guidelines (WCAG) 2.2 at level AA.

What the app supports

Broski follows the settings in your iPhone’s Settings > Accessibility. You don’t need to turn anything on in the app.

• VoiceOver. Every button, profile, chat and event is labelled, and sections have headings you can jump between with the rotor. Results are read out as they happen, like “Request sent”. Swipe-only actions such as accept, decline or delete are in the rotor’s Actions.
• Voice Control. Say the name you see on any button (“Tap Filter”), or say “Show numbers”. You can dictate into any text field.
• Larger Text. Broski follows your text size, up to the largest accessibility sizes. Screens rearrange and scroll instead of cutting words off.
• Dark Mode. Every screen turns dark, including sign-in, profile setup and Broski Pro.
• Increase Contrast and Bold Text. Colours get stronger, and backgrounds on the blue brand screens become solid.
• Reduce Motion. The snowfall, shimmer, pulsing and sliding animations stop, and changes fade or happen instantly instead.
• More than colour. Information never relies on colour alone:
  • ski levels use trail-sign shapes;
  • available riders are marked “Available”;
  • selected options show a check or a fill;
  • links are underlined.

Describing your photos

You can add a short description to each profile photo, so people using VoiceOver hear what’s in it. Tap ALT on a photo while setting up your profile, or later in Profile > Edit profile. For example: “Me snowboarding at Mt Hutt”.

If you host an event, you can describe its cover photo too. There’s a Photo description field under the photo when you create or edit the event.

Accessibility settings in Broski

In Profile > Settings > Accessibility you’ll find:

• Reduce motion. Turns animations down in Broski only, even if Reduce Motion is off on your iPhone.
• Haptic feedback. A tap you can feel when a request is sent, a connection is made or something goes wrong. Turn it off if you’d rather not.
• Report an Accessibility Problem. Opens an email to us with your iOS and app version filled in.

The map with VoiceOver

Every rider on the map is labelled. When VoiceOver is on, a Riders list button appears next to Filter. It lists the riders in view, so you can open their profiles without exploring the map by touch.

When you choose a location on a map (your own spot, or an event’s), move the map, then use Place pin in the middle of the map.

On our website

broski.app aims for the same WCAG 2.2 AA standard as the app:

• Contrast: text meets the WCAG contrast ratios everywhere on the page. If you turn on Increase Contrast (or your browser’s high-contrast setting), the site switches to solid white text and a darker background.
• Keyboard: everything works with a keyboard, with a clear focus outline. Press Tab once for a Skip to content link.
• Screen readers: pages use headings and landmarks, links and buttons are labelled, and images have text descriptions.
• Larger text: you can zoom to 400% and the page reflows to fit, down to 320 pixels wide.
• Motion: animations stop if your device is set to reduce motion. You can also stop them on any page with Pause animations at the bottom of the page, and the rotating reviews have their own Pause button.

How we test

We run Xcode’s accessibility audit on the iPhone app at normal and the largest text sizes, in light and dark, with and without Increase Contrast, and fix what it finds. We check every page of the website with the axe accessibility checker at desktop and phone sizes, and test it with a keyboard.

Known limitations

• In the default light appearance, a little small text on the Broski Pro screens falls short of the WCAG contrast ratio. Turning on Increase Contrast fixes it.
• Broski doesn’t have videos or audio of its own. Videos riders send each other in chat don’t have captions or audio descriptions.
• Chat messages, photos and events are written by other riders, so they may not always have descriptions or be easy to read.

Android

Broski for Android is built for TalkBack, Voice Access, font size, contrast and Remove animations, and its Settings > Accessibility screen links straight to your phone’s accessibility settings.

Tell us about a problem

If something in Broski is hard to see, hear or use, we want to fix it. In the app, go to Profile > Settings > Accessibility > Report an Accessibility Problem, or email support@broski.app. Tell us what you were trying to do, your phone model and any accessibility settings you use, and we’ll get back to you. More help is on our Support page.