new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

Mantine · all subjects

spoiler/accessibility

4 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

Spoiler ARIA attributes for accessibility

The Spoiler component implements proper ARIA attributes for screen reader support: the toggle button has aria-expanded indicating the expanded/collapsed state, the content region has role="region" and is associated with the button via aria-controls, and keyboard support includes Space or Enter key to toggle the spoiler when the button is focused.

Spoiler best practices for label text

Provide descriptive labels for showLabel and hideLabel props that clearly indicate the action. Good examples: 'Show full article' and 'Hide article', or 'Expand details' and 'Collapse details'. Avoid vague labels like 'More' and 'Less' or just '...'.

Spoiler showAriaLabel and hideAriaLabel props

If your button labels do not clearly describe the action for screen reader users, use the showAriaLabel and hideAriaLabel props to provide custom ARIA labels that describe the action more clearly.

Spoiler custom accessibility labels example

Example code showing how to use custom ARIA labels with the showAriaLabel and hideAriaLabel props: ```tsx import { Spoiler } from '@mantine/core'; function Demo() { return ( <Spoiler showLabel="👁️" hideLabel="👁️" showAriaLabel="Show discussion comments" hideAriaLabel="Hide discussion comments" > {/* Comments content */} </Spoiler> ); } ```

Give your agent this brain