Problem

Several common web accessibility issues have been identified across the platform, which can make content difficult or impossible to use for people relying on assistive technologies. These gaps impact overall usability and prevent full compliance with WCAG 2.1 AA standards.

Key Accessibility Issues Observed

Missing or incorrect ARIA labels and roles

Elements lack proper accessible names or use incorrect roles, preventing screen readers from identifying them correctly.

Keyboard navigation and focus issues

Some elements are not keyboard-accessible, have incorrect tabindex, lack visible focus indicators, or allow focus to move unpredictably.

Color contrast problems

Insufficient contrast for text, icons, and UI elements makes content difficult to perceive for low-vision users.

Missing landmarks and poor semantic structure

Pages lack semantic regions (e.g., main, nav, header) or use disorganized heading structures.

Incorrect heading hierarchy

Heading levels are skipped or used purely for visual styling, breaking screen reader navigation.

Form fields without proper labels

Inputs, checkboxes, and radio buttons are missing associated labels.

Interactive elements without accessible names

Icon-only buttons and controls do not convey their purpose to assistive technologies.

Modal and dialog focus issues

Focus is not trapped within modals, allowing keyboard users to navigate behind dialogs.

Hidden elements exposed to assistive technologies

Elements hidden visually still receive focus or are read by screen readers.

Links with unclear or missing text

Links do not clearly describe their destination or behavior (e.g., opening in a new tab).

Hover-only or mouse-only interactions

Content and controls visible only on hover are inaccessible to keyboard, touch, or screen reader users.

Missing or incorrect image alternative text

Images lack meaningful alt text or use inaccurate descriptions.

Embedded PDFs and media not accessible

Inline PDFs are not readable by screen readers such as NVDA.

Misuse or overuse of ARIA

ARIA attributes are applied unnecessarily or incorrectly, overriding native accessibility behavior.