Results for “Visual treatment & accessibility”
Small, practical examples. Search by task or narrow things down below.
Move a box visually without changing its layout slot
CSS: Transforms change the painted geometry while leaving surrounding normal-flow layout unchanged.
CSS✓ Tested
Visually distinguish a disabled control
CSS: The disabled pseudo-class follows the control’s actual disabled state.
CSS✓ Tested
Announce a status update politely
Announce a status update politely with a small React component and explicit browser behavior.
React✓ Tested
Announce a status update with a live region
Announce a status update with a live region with a standalone Angular component and explicit browser behavior.
Angular✓ Tested
Associate a validation message with a field
Associate a validation message with a field with a standalone Angular component and explicit browser behavior.
Angular✓ Tested
Connect an invalid field to its explanation
Connect an invalid field to its explanation with a small React component and explicit browser behavior.
React✓ Tested
Describe an informative image
Describe an informative image with a small React component and explicit browser behavior.
React✓ Tested
Display untrusted-looking text without HTML execution
Display untrusted-looking text without HTML execution with a standalone Angular component and explicit browser behavior.
Angular✓ Tested
Expose a disclosure’s expanded state
Expose a disclosure’s expanded state with a small React component and explicit browser behavior.
React✓ Tested
Expose a disclosure’s expanded state
Expose a disclosure’s expanded state with a standalone Angular component and explicit browser behavior.
Angular✓ Tested
Group related controls with a fieldset and legend
Group related controls with a fieldset and legend with a standalone Angular component and explicit browser behavior.
Angular✓ Tested
Group related form controls semantically
Group related form controls semantically with a small React component and explicit browser behavior.
React✓ Tested