Accessibility
· 24 checks — Landmarks, headings, alt text, forms, and link quality rolled into one auditable list.FHeading HierarchyAction292 headings, 8 skip(s)FIX
- H1 BUILTFOR SCALE.
- H2 Custom software engineered to scale your business
- H3 SYNEX WEB
- H2 How we build your software: from idea to launch
- H3 Understand Your Needs
- H3 Plan and Design
- H3 Build and Test
- H3 Launch and Support
- H2 Selected projects that showcase our expertise.
- H4 Pringles, interactive 3D experience skipped
- H4 GoPro, product showcase website
- H2 A software development company focused on quality and long-term results
- H2 Software solutions for every stage of your project
- H3 Custom Software
- H3 Update Existing Systems
- H3 Testing and Quality Checks
- H3 Support and Improvements
- H2 Have a project in mind? Let's build it together.
- H2 We develop modern and scalable websites.
- H3 SYNEX WEB
- H2 How we build your website: from idea to launch
- H3 Understand Your Goals
- H3 Plan the Pages
- H3 Build the Website
- H3 Launch and Improve
- H2 Selected projects that showcase our expertise.
- H4 Pringles, interactive 3D web experience skipped
- H4 GoPro, responsive product experience
- H2 A software development company focused on quality and long-term results.
- H2 Website solutions for every stage of your project
- H3 Website Design and Development
- H3 Improve Your Existing Website
- H3 Speed and Accessibility
- H3 Website Support
- H2 Have a project in mind? Let's build it together.
- H2 High-impact application development
- H3 NEXA ESTATE AI
- H2 How we create your app: from idea to release
- H3 Plan the App
- H3 Design the Screens
- H3 Develop and Test
- H3 Publish and Support
- H2 Selected projects that showcase our expertise.
- H4 VELORA, urban mobility app skipped
- H4 VEYRO, finance platform app
- H2 A software development company focused on quality and long-term results.
- H2 App solutions from the first idea to launch
- H3 Plan Your App
- H3 Build for iPhone and Android
- H3 Test Before Launch
- H3 Publish and Keep Improving
- H2 Have a project in mind? Let's build it together.
- H2 Explore the experience before development begins
- H3 LUME
- H2 How we plan your product before development
- H3 Understand the Idea
- H3 Organize the Screens
- H3 Make a Clickable Prototype
- H3 Review and Deliver
- H2 Selected projects that showcase our expertise.
- H4 SENDA, fintech experience prototype skipped
- H4 NOVARA, architecture website prototype
- H2 One design system from concept to handoff
- H2 Figma prototypes from idea to final design
- H3 Plan the Screens
- H3 Create a Clickable Prototype
- H3 Refine the Visual Design
- H3 Prepare for Development
- H2 Have a project in mind? Let's build it together.
- H2 Online stores designed to turn visitors into customers
- H3 VÉLOAP
- H2 How we build your online store: from setup to sales
- H3 Plan the Store
- H3 Design the Shopping Experience
- H3 Set Up Payments and Orders
- H3 Launch and Improve
- H2 Selected projects that showcase our expertise.
- H4 GoPro product commerce experience skipped
- H4 SONARA audio commerce concept
- H2 A complete commerce experience, beyond the storefront
- H2 Online store solutions from setup to sales
- H3 Build Your Online Store
- H3 Cart and Secure Payments
- H3 Orders and Inventory
- H3 Improve Shopping and Sales
- H2 Have a project in mind? Let's build it together.
- H2 Turn repetitive workflows into intelligent operations
- H3 RIVALYN AI
- H2 How we add AI to your business processes
- H3 Find Tasks to Improve
- H3 Plan the AI Workflow
- H3 Connect and Test
- H3 Monitor and Improve
- H2 Selected projects that showcase our expertise.
- H4 NOVIS AI skipped
- H4 Sinovis AI
- H2 A software development company focused on quality and long-term results.
- H2 AI solutions that make everyday work easier
- H3 Automate Repetitive Tasks
- H3 AI for Your Business Information
- H3 Connect Your Existing Tools
- H3 Review and Improve Results
- H2 Have a project in mind? Let's build it together.
- H2 Interfaces that feel obvious without feeling ordinary
- H3 LUMORA
- H2 How we design interfaces that are easy to use
- H3 Learn About Your Users
- H3 Plan the Experience
- H3 Design the Interface
- H3 Check and Improve the Design
- H2 Selected projects that showcase our expertise.
- H4 SENDA skipped
- H4 NOVIS AI
- H2 A software development company focused on quality and long-term results.
- H2 UI/UX solutions that make products easier to use
- H3 Understand Your Users
- H3 Design Clear Screens
- H3 Keep the Design Consistent
- H3 Test and Improve
- H2 Have a project in mind? Let's build it together.
- H2 High-impact 3D modeling and rendering
- H3 ASTRA · WEARABLE INTELLIGENCE
- H2 How we create your 3D experience: from model to website
- H3 Plan the Scene
- H3 Create the 3D Models
- H3 Make It Interactive
- H3 Optimize and Launch
- H2 Selected projects that showcase our expertise.
- H4 Pringles interactive 3D experience skipped
- H4 GoPro MAX, interactive 3D product website
- H2 A software development company focused on quality and long-term results.
- H2 3D solutions for products and websites
- H3 3D Models and Realistic Images
- H3 Interactive Product Views
- H3 3D Animation for Websites
- H3 Fast and Smooth 3D
- H2 Have a project in mind? Let's build it together.
- H1 SYNEX WEB duplicate H1
- H2 How SYNEX WEB was built
- H3 Discovery
- H3 Strategy
- H3 Solution
- H2 Inside the platform
- H2 Have a project in mind? Let's build it together.
- H1 ASTRA duplicate H1
- H2 Inside the ASTRA experience
- H3 Product Modeling
- H3 Design Details
- H3 Digital Showcase
- H2 Explore ASTRA
- H2 Have a project in mind? Let's build it together.
- H1 LUMORA duplicate H1
- H2 Inside the Lumora experience
- H3 Visual Identity
- H3 Portfolio Experience
- H3 Growth Journey
- H2 Explore the Lumora website
- H2 Have a project in mind? Let's build it together.
- H1 SENDA duplicate H1
- H2 How SENDA was shaped in Figma
- H3 Structure
- H3 Visual Direction
- H3 Final Prototype
- H2 Inside the SENDA prototype
- H2 Have a project in mind? Let's build it together.
- H1 LUME duplicate H1
- H2 How LUME was shaped in Figma
- H3 Structure
- H3 Visual Direction
- H3 Final Prototype
- H2 Inside the LUME prototype
- H2 Have a project in mind? Let's build it together.
- H1 PRINGLES duplicate H1
- H2 How PRINGLES was built
- H3 Discovery
- H3 Strategy
- H3 Solution
- H2 Inside the experience
- H2 Have a project in mind? Let's build it together.
- H1 GOPRO duplicate H1
- H2 How GOPRO was built
- H3 Discovery
- H3 Strategy
- H3 Solution
- H2 Inside the experience
- H2 Have a project in mind? Let's build it together.
- H1 SONARA duplicate H1
- H2 How SONARA was designed
- H3 Brand & Community
- H3 Collection Design
- H3 Product Storytelling
- H2 Inside SONARA
- H2 Have a project in mind? Let's build it together.
- H1 VÉLOAP duplicate H1
- H2 How VÉLOAP was shaped
- H3 Merchandising
- H3 Brand Campaign
- H3 Catalog System
- H2 Inside VÉLOAP
- H2 Have a project in mind? Let's build it together.
- H1 VELORA duplicate H1
- H2 How VELORA was designed
- H3 Product Flow
- H3 Mobile Experience
- H3 Core Experience
- H2 Inside VELORA
- H2 Have a project in mind? Let's build it together.
- H1 VEYRO duplicate H1
- H2 How VEYRO was designed
- H3 Financial Flow
- H3 Mobile Experience
- H3 Core Product
- H2 Inside VEYRO
- H2 Have a project in mind? Let's build it together.
- H1 NOVIS AI duplicate H1
- H2 How NOVIS AI was designed
- H3 Workflow Experience
- H3 Operational Intelligence
- H3 Cross-Platform Product
- H2 Inside NOVIS AI
- H2 Have a project in mind? Let's build it together.
- H1 SINOVIS AI duplicate H1
- H2 How Sinovis AI was designed
- H3 Operations Dashboard
- H3 Workflow Control
- H3 Insights & Reporting
- H2 Inside Sinovis AI
- H2 Have a project in mind? Let's build it together.
- H1 RIVALYN AI duplicate H1
- H2 Inside the Rivalyn AI platform
- H3 Competitor Intelligence
- H3 Market Signals
- H3 Alerts & Creative Research
- H2 Rivalyn AI product views
- H2 Have a project in mind? Let's build it together.
- H1 ATELIER NORTH duplicate H1
- H2 How ATELIER NORTH was built
- H3 Discovery
- H3 Strategy
- H3 Solution
- H2 Inside the experience
- H2 Have a project in mind? Let's build it together.
- H1 NOVARA duplicate H1
- H2 How NOVARA was shaped in Figma
- H3 Wireframe
- H3 Visual Direction
- H3 Final Prototype
- H2 Inside the NOVARA prototype
- H2 Have a project in mind? Let's build it together.
- H1 NEXA ESTATE AI duplicate H1
- H2 Designing the NEXA Estate AI experience
- H3 Personalized Discovery
- H3 Property Exploration
- H3 AI-Guided Decisions
- H2 Inside NEXA Estate AI
- H2 Have a project in mind? Let's build it together.
- H1 Our Craft, Your Vision. duplicate H1
- H2 SOFTWARE & AI SYSTEMS
- H3 Rivalyn AI, competitor intelligence platform
- H3 SYNEX WEB, modern software experience
- H3 NOVIS AI, operations agentification platform
- H3 Sinovis AI, workflow operations platform
- H2 WEBSITES & E-COMMERCE
- H3 LUMORA, creative growth website
- H3 SONARA, audio commerce concept
- H3 SENDA, fintech landing prototype
- H3 Atelier North, architecture website
- H2 MOBILE APPS
- H3 NEXA Estate AI, intelligent real estate app
- H3 VEYRO, finance platform app
- H3 VELORA, urban mobility app
- H3 VÉLOAP, cycling e-commerce experience
- H2 UI/UX & PROTOTYPING
- H3 LUME, Figma interface prototyping
- H3 NOVARA, architecture Figma prototype
- H2 3D & PRODUCT EXPERIENCES
- H3 ASTRA, wearable product visualization
- H3 Pringles, interactive 3D experience
- H3 GoPro, interactive 3D product website
- H2 Have a project in mind? Let's build it together.
- H2 What do you need?
- H2 Budget & timeline
- H2 Tell us about you & the idea
- H1 Let's build something great. duplicate H1
- H2 Contact Us
- H1 The people building your software. duplicate H1
- H2 Software Engineering Lead
- H2 AI & Automation Lead
- H2 Founder & CEO
- H2 Software Architect
- H2 Infrastructure & DevOps Lead
- H2 Prefer to read this in Spanish?
A page should have only one H1. Multiple H1s dilute the document outline.
Multiple H1s blur the page's primary topic — screen-reader users and Google both prefer one H1.
Learn more ▾ ▴
HTML5's outline algorithm technically allows multiple H1s within sectioning content, but no browser implements it. In practice: one H1 per page. Use H2-H6 for subsections.
Source: WCAG 2.4.6 / Google Search Central
Skipping heading levels breaks the document outline. Screen readers may interpret missing levels as structural errors.
Skipping heading levels breaks the document outline — screen-reader users lose track of section nesting.
Learn more ▾ ▴
Screen reader users navigate by jumping between headings (H1 → H2 → H3). Skipping (H1 → H3) breaks the sense of hierarchy. Use sequential levels even if you don't like the default styling — restyle with CSS instead. WCAG 1.3.1 (Info and Relationships) treats this as an A failure.
Source: WCAG 2.1 SC 1.3.1 / W3C WAI
Skipping heading levels breaks the document outline. Screen readers may interpret missing levels as structural errors.
Skipping heading levels breaks the document outline — screen-reader users lose track of section nesting.
Learn more ▾ ▴
Screen reader users navigate by jumping between headings (H1 → H2 → H3). Skipping (H1 → H3) breaks the sense of hierarchy. Use sequential levels even if you don't like the default styling — restyle with CSS instead. WCAG 1.3.1 (Info and Relationships) treats this as an A failure.
Source: WCAG 2.1 SC 1.3.1 / W3C WAI
Skipping heading levels breaks the document outline. Screen readers may interpret missing levels as structural errors.
Skipping heading levels breaks the document outline — screen-reader users lose track of section nesting.
Learn more ▾ ▴
Screen reader users navigate by jumping between headings (H1 → H2 → H3). Skipping (H1 → H3) breaks the sense of hierarchy. Use sequential levels even if you don't like the default styling — restyle with CSS instead. WCAG 1.3.1 (Info and Relationships) treats this as an A failure.
Source: WCAG 2.1 SC 1.3.1 / W3C WAI
Skipping heading levels breaks the document outline. Screen readers may interpret missing levels as structural errors.
Skipping heading levels breaks the document outline — screen-reader users lose track of section nesting.
Learn more ▾ ▴
Screen reader users navigate by jumping between headings (H1 → H2 → H3). Skipping (H1 → H3) breaks the sense of hierarchy. Use sequential levels even if you don't like the default styling — restyle with CSS instead. WCAG 1.3.1 (Info and Relationships) treats this as an A failure.
Source: WCAG 2.1 SC 1.3.1 / W3C WAI
Skipping heading levels breaks the document outline. Screen readers may interpret missing levels as structural errors.
Skipping heading levels breaks the document outline — screen-reader users lose track of section nesting.
Learn more ▾ ▴
Screen reader users navigate by jumping between headings (H1 → H2 → H3). Skipping (H1 → H3) breaks the sense of hierarchy. Use sequential levels even if you don't like the default styling — restyle with CSS instead. WCAG 1.3.1 (Info and Relationships) treats this as an A failure.
Source: WCAG 2.1 SC 1.3.1 / W3C WAI
Skipping heading levels breaks the document outline. Screen readers may interpret missing levels as structural errors.
Skipping heading levels breaks the document outline — screen-reader users lose track of section nesting.
Learn more ▾ ▴
Screen reader users navigate by jumping between headings (H1 → H2 → H3). Skipping (H1 → H3) breaks the sense of hierarchy. Use sequential levels even if you don't like the default styling — restyle with CSS instead. WCAG 1.3.1 (Info and Relationships) treats this as an A failure.
Source: WCAG 2.1 SC 1.3.1 / W3C WAI
Skipping heading levels breaks the document outline. Screen readers may interpret missing levels as structural errors.
Skipping heading levels breaks the document outline — screen-reader users lose track of section nesting.
Learn more ▾ ▴
Screen reader users navigate by jumping between headings (H1 → H2 → H3). Skipping (H1 → H3) breaks the sense of hierarchy. Use sequential levels even if you don't like the default styling — restyle with CSS instead. WCAG 1.3.1 (Info and Relationships) treats this as an A failure.
Source: WCAG 2.1 SC 1.3.1 / W3C WAI
Skipping heading levels breaks the document outline. Screen readers may interpret missing levels as structural errors.
Skipping heading levels breaks the document outline — screen-reader users lose track of section nesting.
Learn more ▾ ▴
Screen reader users navigate by jumping between headings (H1 → H2 → H3). Skipping (H1 → H3) breaks the sense of hierarchy. Use sequential levels even if you don't like the default styling — restyle with CSS instead. WCAG 1.3.1 (Info and Relationships) treats this as an A failure.
Source: WCAG 2.1 SC 1.3.1 / W3C WAI
DWeb ManifestActionNot foundFIX
No web manifest found.
DPrint StylesheetActionNo print stylesFIX
BLandmark Structure18 landmarksREVIEW
A page should have only one <main> landmark.
Multiple <main> elements violate the spec — there must be exactly one per page.
Learn more ▾ ▴
HTML5 spec: 'authors must not include more than one main element' visible to AT at the same time. Multiple <main>s confuse AT and break the 'jump to main content' shortcut. Refactor to a single <main> with nested <section>/<article>.
Source: HTML5 spec
Multiple navigations need aria-label to distinguish them for screen readers.
Some <nav> elements lack aria-label — screen-reader users hear 'navigation' multiple times with no way to distinguish them.
Learn more ▾ ▴
When a page has multiple <nav> regions (primary, footer, breadcrumb), each needs aria-label or aria-labelledby. AT users navigate by landmark; identical 'navigation' announcements force them to enter each one to discover purpose.
Source: WAI-ARIA Authoring Practices
BMobile Keyboard & Autofill2/9 eligible field(s) missing autocomplete or inputmodeREVIEW
CMobile-Readable Font SizesAction89% of visible text renders at >= 12 CSS px (3 below threshold)REVIEW
B404 Error PageHTTP 404, custom pageREVIEW
CFavicon & BrandingAction3 icon(s) detectedREVIEW
BDark Mode SupportDark mode detectedREVIEW
Detection limited to meta tags and inline styles.
CColor Contrast (Screenshot)Action20 text elements analyzed, 2 fail WCAG AAREVIEW
Analyzes text contrast against the actual rendered page, including background images, gradients, and overlays that CSS-based tools cannot detect.
Show all checked elements (20)
| Element | Ratio | Required | FG | BG | Result |
|---|---|---|---|---|---|
| h1 BUILT | 1.28:1 | 3.0:1 | #000000 | #211F1D | Fail |
| h1 FOR SCALE. | 1.28:1 | 3.0:1 | #000000 | #211F1D | Fail |
| h1 SYNEX WEB | 9.30:1 | 3.0:1 | #000000 | #B0ACA6 | Pass |
| h1 ASTRA | 9.30:1 | 3.0:1 | #000000 | #B0ACA6 | Pass |
| h1 LUMORA | 9.30:1 | 3.0:1 | #000000 | #B0ACA6 | Pass |
| h1 SENDA | 9.30:1 | 3.0:1 | #000000 | #B0ACA6 | Pass |
| h1 LUME | 9.30:1 | 3.0:1 | #000000 | #B0ACA6 | Pass |
| h1 PRINGLES | 9.30:1 | 3.0:1 | #000000 | #B0ACA6 | Pass |
| h1 GOPRO | 9.30:1 | 3.0:1 | #000000 | #B0ACA6 | Pass |
| h1 SONARA | 9.30:1 | 3.0:1 | #000000 | #B0ACA6 | Pass |
| h1 VÉLOAP | 9.30:1 | 3.0:1 | #000000 | #B0ACA6 | Pass |
| h1 VELORA | 9.30:1 | 3.0:1 | #000000 | #B0ACA6 | Pass |
| h1 VEYRO | 9.30:1 | 3.0:1 | #000000 | #B0ACA6 | Pass |
| h1 NOVIS AI | 9.30:1 | 3.0:1 | #000000 | #B0ACA6 | Pass |
| h1 SINOVIS AI | 9.30:1 | 3.0:1 | #000000 | #B0ACA6 | Pass |
| h1 RIVALYN AI | 9.30:1 | 3.0:1 | #000000 | #B0ACA6 | Pass |
| h1 ATELIER NORTH | 9.30:1 | 3.0:1 | #000000 | #B0ACA6 | Pass |
| h1 NOVARA | 9.30:1 | 3.0:1 | #000000 | #B0ACA6 | Pass |
| h1 NEXA ESTATE AI | 9.30:1 | 3.0:1 | #000000 | #B0ACA6 | Pass |
| h1 Our Craft, | 9.30:1 | 3.0:1 | #000000 | #B0ACA6 | Pass |
Methodology: The top 20 text elements by font size were checked. Background color was sampled from the desktop screenshot using a 5-point pattern. WCAG 2.1 AA requires 4.5:1 for normal text and 3:1 for large text.
A+Heading Text Quality1 heading-text-quality issue(s) detectedPASS
A+Alt Text QualityAll 16 images OKPASS
A+Form AccessibilityAll 40 controls labeledPASS
| Control | Type | Label | Method |
|---|---|---|---|
| input | checkbox | none | |
| #briefSelectAll | checkbox | none | |
| service | checkbox | none | |
| service | checkbox | none | |
| service | checkbox | none | |
| service | checkbox | none | |
| service | checkbox | none | |
| service | checkbox | none | |
| service | checkbox | none | |
| service | checkbox | none | |
| budget | radio | none | |
| budget | radio | none | |
| budget | radio | none | |
| budget | radio | none | |
| budget | radio | none | |
| timeline | radio | none | |
| timeline | radio | none | |
| timeline | radio | none | |
| timeline | radio | none | |
| timeline | radio | none | |
| name | input | Name * | none |
| Email * | none | ||
| company | input | Company | none |
| dialCode | select | Country code | none |
| phone | tel | Phone (numbers only) | none |
| description | textarea | What are you trying to build? * | none |
| reference | url | Reference link (.com only, optional) | none |
| privacyConsent | checkbox | none | |
| name | input | Full name | none |
| company | input | Company | none |
| none | |||
| dialCode | select | Country code | none |
| phone | tel | Phone (digits) | none |
| interest | checkbox | none | |
| interest | checkbox | none | |
| interest | checkbox | none | |
| interest | checkbox | none | |
| interest | checkbox | none | |
| message | textarea | Tell us more about your project! | none |
| privacyConsent | checkbox | none |
ALink & Button Quality53 links, 138 buttons — all OKPASS
| Element | Text | Issue | Suggested Fix |
|---|---|---|---|
| https://www.instagram.com/sinvec_sistems… | new tab | Add '(opens in new tab)' to text | |
| https://www.facebook.com/Sinvecsystems/ | new tab | Add '(opens in new tab)' to text |
Add '(opens in new tab)' to link text or aria-label.
https://www.instagram.com/sinvec_sistems/; https://www.facebook.com/Sinvecsystems/
Links with target="_blank" without rel="noopener" leak the originating page's window context — security and UX issue.
Learn more ▾ ▴
Without rel="noopener", the new tab can navigate the original tab via window.opener (tab-nabbing attack). Modern browsers default to noopener for target=_blank but only since recent versions. Always set rel="noopener noreferrer" explicitly.
Source: MDN target / OWASP
A+Form Input Types40 form control(s) checked, no type mismatchesPASS
A+Form Input Quality40 form control(s) checked, no input-semantic issuesPASS
A+Document LanguageLang attribute set to "en"PASS
A+Tabindex Anti-Patterns50 explicit tabindex attribute(s) checked, no anti-patternsPASS
A+Iframe AccessibilityNo iframes on this pagePASS
A+Tap Target AdequacyAll tap targets meet WCAG 2.5.5/2.5.8 sizingPASS
A+PWA DepthNo PWA depth issues detectedPASS
A+Mobile UX Depth1 mobile-depth signal(s) detectedPASS
A+Lighthouse Accessibility AuditsScore 100/100 — 0 failing, 27 passedPASS
Accessibility
These checks highlight opportunities to improve the accessibility of your web app. Automatic detection can only detect a subset of issues and does not guarantee the accessibility of your web app, so manual testing is also encouraged.