accessibility
Adapts the app to assistive technology: whether a screen reader runs or the user prefers reduced motion, and speaking or moving focus for them.
Utilização
Respond to screen reader and motion settings
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>
);
}Exportações 4
Métodos, constantes e tipos expostos por este namespace nativo.
value
screenReaderWhether 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.Gerado a partir das declarações TypeScript públicas: assinaturas, props e predefinições vêm da fonte verificada, as descrições da sua JSDoc. Nenhuma predefinição é inventada.