A one-page website needs to be developed for a charity fund. It is required that it passes the Accessibility test at 100%. Also, it should be convenient for people with visual impairments...
There is an article on this topic - https://dou.ua/forums/topic/48744/
Other requirements
WCAG 2.0 AA Compliance Checklist
1. Perceivable
• All non-text content has text alternatives (for example, alt for images, ARIA labels for icons).
• All videos with audio accompaniment have subtitles.
• Audio content is accompanied by a text transcription.
• Information is not conveyed solely through color (color is duplicated with text, icons, etc.).
• The contrast between text/graphics and background is at least 4.5:1 (3:1 for large text).
• Text can be enlarged up to 200% without loss of functionality and readability.
• Correct heading hierarchy is used (H1 → H2 → H3, etc.).
• Content reads logically with linear navigation (for example, with a keyboard or screen reader).
2. Operable
• All interactive elements are accessible via keyboard (without using a mouse).
• There is a visible focus when navigating with the keyboard.
• Navigation is consistent across all pages (similar elements are placed the same way).
• Content that flashes more than 3 times per second is not used.
• Mechanisms for skipping repeated content are present (for example, "Skip to main content").
• All buttons and links have clear and unique action descriptions.
• There is the ability to control pop-ups and modal elements with the keyboard.
3. Understandable
• The language of the page is specified through the lang attribute (for example, <html lang="en">).
• Forms contain labels and instructions, and validation errors have explanations.
• Interface elements behave predictably (for example, a link does not start downloading a file without warning).
• The user can cancel, redo, or confirm important actions.
4. Robust
• The HTML code is valid (checked via W3C Validator).
• Standard HTML elements and attributes are used (without excessive customization).
• All controls are accessible via assistive technologies (screen readers, voice control, etc.).
• Semantic markup is applied for navigation, forms, tables, etc.