Our Accessibility Statement
At Apple Touch Icon.png, we believe that design should be accessible to everyone, regardless of ability. We are committed to making our website, products, and services accessible to people with diverse disabilities, in accordance with the Web Content Accessibility Guidelines (WCAG) 2.2 at the AAA level.
Our mission: We design every icon and digital asset with accessibility as a first-class consideration — not an afterthought. Every decision we make is guided by the principle of universal design.
This commitment applies to:
- Our website and all digital properties
- All icon designs and digital assets we deliver
- Documentation and design system guidelines
- Client-facing tools and platforms
- Third-party integrations we support
- Marketing materials and communications
WCAG 2.2 Compliance
We adhere to the WCAG 2.2 standard across all four core principles. Our design process is structured around these foundational pillars:
Perceivable
Information and user interface components must be presentable to users in ways they can perceive. This includes text alternatives, captions, adaptable content, and distinguishable elements.
Operable
User interface components and navigation must be operable. All functionality is accessible via keyboard, users have enough time, and content does not cause seizures or physical reactions.
Understandable
Information and the operation of the user interface must be understandable. Content is readable, predictable, and we help users avoid and correct mistakes.
Robust
Content must be robust enough to be interpreted reliably by a wide variety of user agents, including assistive technologies. We maximize compatibility through standards-based code.
Compliance Levels
We meet and exceed the following WCAG 2.2 conformance levels:
Accessible Design Practices
Every icon and digital asset we create follows a rigorous accessibility checklist. These practices are baked into our design workflow from the earliest stages.
🔤 Meaningful Alt Text
Every icon includes a descriptive, contextual alt attribute that communicates its purpose and meaning to screen reader users.
📏 Scalable Vector Format
We deliver icons as SVG where possible, ensuring they scale infinitely without quality loss and remain crisp at any resolution.
🎨 Color Independence
Icons are designed to convey meaning through shape and form, never relying on color alone to communicate information.
🔍 Minimum Touch Targets
Interactive icons meet or exceed the 44×44 CSS pixel minimum touch target size recommended by WCAG for motor accessibility.
♿ Keyboard Navigation
All interactive icon elements are fully keyboard accessible with visible focus indicators and logical tab order.
🔊 Screen Reader Labels
We provide ARIA labels, roles, and live regions where appropriate to ensure screen readers convey icon context accurately.
Icon-Specific Accessibility
Icons present unique accessibility challenges. They are visual by nature, yet must communicate meaning to users who cannot see them. Here's how we address these challenges:
Text Alternatives
Every icon we deliver includes appropriate text alternatives based on its function:
<svg role="img" aria-label="Search settings"
width="24" height="24"
viewBox="0 0 24 24">
<title>Search settings</title>
<path d="M15.5 14..." fill="currentColor" />
</svg>Decorative Icons
When an icon is purely decorative and adds no meaning, we properly hide it from assistive technologies:
<svg aria-hidden="true" focusable="false"
width="24" height="24">
<path d="M12 2C6.48 2..." />
</svg>Important: Never use an icon without a text alternative unless it is truly decorative. Screen reader users will encounter empty gaps where meaningful icons should be described.
Color Contrast Standards
We ensure all icon designs meet WCAG 2.2 contrast requirements. Normal text requires a minimum contrast ratio of 4.5:1, and large text requires 3:1. For AAA compliance, we aim for 7:1 for normal text and 4.5:1 for large text.
Contrast Examples
Light on Dark
Ratio: 17.5:1
Dark on Light
Ratio: 16.0:1
White on Brand
Ratio: 5.8:1
Every color in our icon palette is validated against contrast requirements before delivery. We use automated tools and manual testing to verify compliance.
Color is never the sole indicator: Even when our icons use color, we ensure meaning is also communicated through shape, position, or accompanying text patterns.
Testing & Quality Assurance
We employ a multi-layered testing approach to ensure every deliverable meets accessibility standards:
🤖 Automated Testing
We run Axe, WAVE, and Lighthouse audits on all code outputs. SVG icons are validated for proper ARIA attributes and semantic structure.
⌨️ Keyboard Testing
Every interactive element is tested for full keyboard operability, including Tab, Enter, Space, Escape, and arrow key navigation.
🔊 Screen Reader Testing
We test with VoiceOver (macOS/iOS), NVDA (Windows), and JAWS across multiple platforms to verify accurate icon descriptions.
👥 User Testing
We conduct accessibility user testing with people who use assistive technologies, including screen readers, voice control, and switch devices.
🔍 Contrast Analysis
All color combinations are verified using the WebAIM Contrast Checker and Stark plugin to meet or exceed WCAG ratios.
📱 Multi-Device Validation
Icons are tested across desktop, tablet, and mobile devices at various zoom levels up to 400% to ensure usability.
Assistive Technology Support
Our icons and web properties are tested and optimized for compatibility with the following assistive technologies:
- VoiceOver — Apple's screen reader (macOS, iOS)
- NVDA — NonVisual Desktop Access (Windows)
- JAWS — Job Access With Speech (Windows)
- Narrator — Windows built-in screen reader
- TalkBack — Android's screen reader
- ZoomText — Screen magnifier (Windows)
- Voice Control — Voice-based navigation (Apple)
- Dragon NaturallySpeaking — Voice recognition
- Switch control devices — Motor accessibility
- High contrast / dark mode — System themes
Resources & Tools
We provide our clients with accessible design resources and recommend the following tools for maintaining accessibility:
Report an Accessibility Issue
We want to hear from you. If you encounter any accessibility barriers on our website or in our products, please let us know. We respond to all accessibility reports within 2 business days.
Accessibility Feedback Form
Describe the issue you've encountered and we'll work to resolve it promptly.
Prefer email? You can also reach our accessibility team directly at a11y@apptouchicon.com. We welcome feedback in any format.