accessibility — Kuito Documentation

Usage

Respond to screen reader and motion settings

tsx

import { Pressable, Text, accessibility, ref, signal, watch } from 'kuito';

export function Results() {
  const title = ref();
  const animations = signal(true);

  accessibility.announce('12 shows found');
  accessibility.announce('Saved', { queue: true });
  watch(accessibility.reduceMotion, (calm) => {
    animations.value = !calm;
  });

  return (
    <Pressable onPress={() => title.current && accessibility.focus(title.current)}>
      <Text ref={title}>{accessibility.screenReader.value ? 'Screen reader on' : 'Results'}</Text>
    </Pressable>
  );
}

Exports 4

Methods, constants and types exposed by this native namespace.

valuescreenReaderWhether VoiceOver or TalkBack is on; null until the platform first answers.valuereduceMotionWhether the user asked for less motion; null until the platform first answers.functionannounceThe screen reader reads message, interrupting what it is saying; with queue: true it waits for current speech (iOS; Android always queues).functionfocusMoves the screen reader's focus to a mounted element, such as ref.current.

Generated from the public TypeScript declarations: signatures, props and defaults come from the checked source, descriptions from its JSDoc. No defaults are invented.