Accessibility and appearance
Bottle supports accessibility features on the web and in the iPhone and Android driver apps. We aim for WCAG 2.2 AA and welcome reports of anything that prevents you using the service.
Light and dark
Section titled “Light and dark”On the web
Section titled “On the web”Use the appearance button near your name to choose:
- System: follow your device setting.
- Light: always use light mode.
- Dark: always use dark mode.
The choice applies immediately and is saved in the browser. Press Escape or click outside the menu to close it.
Payment QR codes stay light for scanning. Email previews show the email’s own appearance.
In the driver apps
Section titled “In the driver apps”The apps follow your phone’s light or dark appearance setting.
On the web
Section titled “On the web”- Screen readers: labelled controls, headings and page regions help navigation. Status messages and form errors are announced.
- Keyboard: Tab moves through controls. Skip to main content bypasses navigation. Dialogs keep focus inside and return it when closed.
- Round planning: stops have movement controls as well as drag-and-drop. Map information is also available in lists.
- Colour: statuses include text or icons, not colour alone.
- Zoom: layouts support enlarged text; wide tables can scroll.
- Reduced motion: follows the device preference.
In the iPhone app
Section titled “In the iPhone app”- VoiceOver describes stops and exposes actions such as navigation and delivery.
- Voice Control uses visible button names.
- Larger Text, dark appearance and Reduce Motion follow iPhone settings.
- Signature names can be typed or dictated, with microphone and speech-recognition permission.
- Disabled actions explain missing information.
In the Android app
Section titled “In the Android app”- TalkBack describes stops, headings and control states.
- Font size, dark theme and animation settings follow the phone.
- Touch controls are sized for mobile use.
- Signature names can be typed or dictated with permission.
- Disabled actions explain what is still required.
Reporting an accessibility issue
Section titled “Reporting an accessibility issue”If something is difficult to use, tell support which screen, device and accessibility tool you were using, what you tried and what happened.