Accessibility

Accessibility is built in. Here's what each component exposes to VoiceOver (iOS), TalkBack (Android) and screen readers on the web.

Wheels

WheelPicker (and each column of MultiWheelPicker, TimePicker and DateWheelPicker) is a single element with:

Property	Value
accessibilityRole	adjustable
accessibilityValue	the current label, e.g. "45"
accessibilityActions	increment, decrement: swipe up / down moves one row
accessibilityLabel	the accessibilityLabel prop

Name your wheels, especially multi-column ones:

<WheelPicker accessibilityLabel="Shirt size" items={sizes} value={size} onChange={setSize} />

<MultiWheelPicker
  columns={[
    { key: 'h', accessibilityLabel: 'Hours', items: hours, value: h, onChange: setH },
    { key: 'm', accessibilityLabel: 'Minutes', items: minutes, value: m, onChange: setM },
  ]}
/>

Calendar

• Each day is a button labelled with the full date in the calendar's locale ("Wednesday, 14 October 2026"), with selected and disabled states.
• The arrows are buttons labelled Previous and Next, with a disabled state at min / max.
• The month title is a button (quick jump) or a header.
• Quick-jump grid cells expose selected / disabled.

Select

• The field is a button labelled with label (or the placeholder). Its hint lists the selected options, and it has an expanded state.
• Options are buttons in single mode and checkboxes in multiple mode, with selected, checked and disabled.
• Chips are buttons labelled Remove {label}, and × is labelled Clear.
• The search input is labelled with searchPlaceholder.

Emoji

Every emoji cell is a button labelled with its name ("thumbs up"). Category tabs are tabs with a selected state, and the skin-tone button is labelled Skin tone.

Sheets

The sheet is marked accessibilityViewIsModal, so focus stays inside it. The backdrop is a button labelled Close, string titles have the header role, and Android back closes the sheet.

Your checklist

• Give every wheel an accessibilityLabel.
• Translate the English accessibility strings by passing translated label / placeholder / searchPlaceholder props.
• Keep custom renderDay / renderOption content as plain views and text. The library already provides the pressable and its accessibility props.
• Keep colour contrast when theming: textSecondary on background should meet WCAG AA (4.5:1) for body text.