HTML & CSS · page 12

Paste visible text and aria-label pairs to get WCAG 2.5.3 label-in-name mismatches flagged.

Pick a page type to get an ordered manual screen-reader test script with expected announcements.

Set your main id to get a visually-hidden skip link with reveal-on-focus styling.

Paste mixed-language text to get span lang markup for phrases that differ from the page language.

Paste an icon-only button to get aria-label markup with tooltip pairing guidance.

Describe a widget to get which labeling attribute fits: aria-label, labelledby, or native label.

Pick an intent to get sr-only, aria-hidden, or display none markup with the tradeoffs explained.

Paste tab labels to get role tablist markup with aria-selected and keyboard wiring attributes.

Paste section titles to get button plus region accordion markup with aria-expanded states.

Paste menu items to get combobox or listbox ARIA markup with expanded and active descendant wiring.

Paste dialog content to get role dialog markup with aria-modal, labelling, and focus return notes.

Pick an update type to get aria-live markup that announces toasts, counters, and results politely.

Paste a term and tip to get aria-describedby tooltip markup with hover and focus triggers.

Paste a label to get role switch button markup with aria-checked state handling.

Paste a value range to get role progressbar markup with valuenow and announcement throttling notes.

Paste a list length to get roving tabindex markup with arrow-key movement attributes.

Pick a dialog type to get focus trap steps covering initial focus, cycling, and escape handling.

Pick a carousel type to get pause controls, aria-roledescription, and slide labeling markup.