📌 Accessibility Statement

BiotechProject is deeply committed to ensuring that our website is accessible to all users, including those with visual, auditory, cognitive, motor, or neurological disabilities. Accessibility is not an afterthought — it is a core principle of our design philosophy.

🎯 Compliance with Standards

This website conforms to the Web Content Accessibility Guidelines (WCAG) 2.1 at level AA, with several features approaching AAA-level best practices.

Conformance has been verified through technical audits, automated tools (axe, WAVE), and manual testing with screen readers (NVDA, VoiceOver) and keyboard-only navigation.

✅ Accessibility Features

Full keyboard navigation: All functionality is accessible via keyboard, with support for Tab, Enter, Space, Esc, Arrow keys, Home, and End.
Advanced menu navigation: Dropdowns are fully navigable using arrow keys; Home and End jump to first/last items; Esc closes the menu and returns focus correctly.
Keyboard navigation toggle: A button in the top-left corner activates visual highlighting for keyboard users, improving focus visibility.
Screen reader compatibility: Semantic HTML, proper ARIA usage (role, aria-label, aria-expanded, aria-controls), and dynamic state management ensure a seamless experience.
Sufficient color contrast: All text meets or exceeds the 4.5:1 contrast ratio (WCAG 1.4.3); non-text UI elements meet 3:1 (WCAG 1.4.11).
Resizable text: Content remains readable and functional up to 200% zoom, with no loss of information or functionality (WCAG 1.4.4, 1.4.10).
Animation control: All non-essential animations (menus, particles, hover effects) are disabled when the user sets prefers-reduced-motion: reduce.
High contrast support: The site respects prefers-contrast: high. In such cases, a high-contrast theme (Deep Blue) is applied by default for improved readability.
Dynamic color theme: A theme switcher in the Service menu allows users to choose between Green, Cyan, Violet, Orange, and Deep Blue — optimized for various visual needs, including color blindness.
Persistence of preferences: Selected theme and keyboard mode are saved in localStorage and restored on return visits.
Accessible modals and popups: All popups are centered, keyboard-navigable, focus-managed, and closable with Esc. Legacy versions are maintained for backward compatibility.
Safe lazy loading: Images load asynchronously via IntersectionObserver, with fallback for older browsers. Alt text is always present before loading.
Live clocks and counters: The on-screen clock and countdown timer are updated dynamically and marked with aria-live="polite" to announce changes to screen readers.
Resilient design: No external frameworks. Vanilla JavaScript, modern yet backward-compatible CSS, and semantic HTML ensure long-term robustness and accessibility.

🛠️ Technologies Used

HTML5, CSS3 (with Custom Properties), Vanilla JavaScript, ARIA 1.2, WAI-ARIA, prefers-reduced-motion, prefers-contrast, localStorage, IntersectionObserver.

📞 Feedback and Reporting

Your feedback is essential to help us improve accessibility. If you encounter any barriers or have suggestions, please let us know.

📅 Last Verification Date

September 3, 2025

“BiotechProject is not just science: it’s inclusion. Every line of code is designed to be accessible, resilient, and human.”

BiotechProject. A project for a more inclusive web.