accessibility-fundamentals

Fix accessibility issues in JSX forms and modals by applying semantic HTML, ARIA labeling, and focus management. This skill provides structured checklists and concrete examples to ensure interactive elements are usable with screen readers and keyboards.

For screen reader compatibility, apply WCAG and ARIA best practices by using proper semantic HTML elements, adding accurate ARIA attributes for labeling, and ensuring logical focus order. This skill guides these adjustments for inclusive interactive components.

Implement keyboard navigation by managing focus states and ensuring all interactive UI elements are operable without a mouse. This skill provides practical testing guidance and patterns to verify focus management across forms, buttons, and modals.

You do not need external tools to audit UI components for accessibility. This skill requires no external tools beyond a standard development environment, relying on structured checklists to identify and fix issues during development and code reviews.

The best way to ensure login forms are accessible is to verify proper labels, manage keyboard focus, and add screen reader compatibility. This skill provides checklists to validate these elements and deliver an inclusive user experience.