Placeholder canvas
Webflow Accessible Template

You are viewing: Webflow Accessible Theme

Live Demo

Webflow Accessible Theme

A Webflow accessible theme for creating an online dynamic website fast and with fun. A Webflow accessible theme delivered with super-friendly support and services. Create your website with a complete, ready-to-use solution using a  Webflow theme that supports Webflow accessibility. Check the Live Demo.

Theme Form

Enquiry Form

Do you need more information, have a question, comments, concerns or considering using my products or services? I’d love to hear from you!

Category:

Theme Description

Ananyoo Theme Satisfaction Guarantee

In today’s global marketplace, it’s not enough to just have a digital presence. To capitalize on opportunity and captivate real, live, human readers, an optimized, functional, interactive website is a must. Unfortunately, the Internet is swarming with poor website designs that miss both the technical and content mark.

So we built Ananyoo, which is an Accessibility Ready Theme developed for people looking to make their website conform with the WCAG 2.1 AA technical standards and comply with the ADA or AODA guidelines. Ananyoo offers a better experience for users with disabilities and makes websites look beautiful; it also enables you to do business in countries where accessibility is a legal requirement.

Services provided in this Package

Here we sell our Services and not simply theme. It’s not a marketplace to sell themes. We are using our experiences to sell you a complete ready Accessible website from the ground up and then make it Live. Ananyoo theme simply helps us to speed up the development of an accessible website as the framework is already built, and both audit and remediation work have already been completed. Here is the Complete 40-point Checklist for our best practices to build a perfect accessible website:

  1. Accessible Theme Delivery.
  2. Gather Website Objective: What is the specific objective of this project?
  3. A new wireframe will be created based on client requirements using Adobe XD.
  4. New Logo Design Specific to Client Requirements.
  5. New Web Layout based on wireframe in Figma or Adobe XD.
  6. Presenting Clear and consistent Navigation across the Website.
  7. Designing Structured website layouts that are Readable.
  8. Testing for Color Blindness to get sufficient Contrast using Color Contrast Analyzer Tool.
  9. In our Web Host, a new staging space will be created. We will not work on a Live site or domain.
  10. Integration of Approved Figma Layout into Ananyoo theme.
  11. Integration of Content provided by the Client.
  12. Proper implementation of Accessibility Guidelines for respective CMS:
  13. Final ADA/WCAG2.1 AA compliance Audit.
  14. Manual Audit using Jaws, NVDA, Talkback, and Voiceover Screenreader applications.
  15. Automated Audit using either Deque AXE, Usablenet, WebAIM Wave, SortSite, AudioEye, CrownPaeak, Level Access or Monsido.
  16. Remediation of any issues that exist in the report.
  17. A free Domain Name will be provided for the first year.
  18. A Free Web Hosting with 5GB Space, and MySQL DB will be provided for the first year.
  19. Addition of SSL Certificate to secure Data Transfers & Payment Transactions.
  20. Implementing a Strong Security Firewall on the Website.
  21. Adding AMP Version, which will enhance AMP on Google. This is an optional service.
  22. Make the Website SEO Friendly by adding all relevant Meta tags and values for all pages.
  23. Implementing Local Business Data Type for better Search Engine Results.
  24. Adding Structured Data Types Support (Schema).
  25. Implementing Dublin Core Meta Tags.
  26. Integrate Google Search ConsoleGoogle AnalyticsBing WebMasterYandex WebMaster.
  27. Adding XML / Image / News / Video SiteMap.
  28. Adding HTML Sitemap.
  29. Indicate Paginated Content to Google.
  30. Addition of Caching Mechanism to speed up Download time.
  31. Optimizing all Images based on Google Page Speed Insight
  32. Assured 90% Site Optimization score based on Google Lighthouse
  33. Cross-Browser Checking with Different OS.
  34. Mobile Friendly / Responsive Checking.
  35. Social Media integration into relevant social media Platforms.
  36. Creation of Social Media Pages on FacebookTwitterInstagramLinkedIn and YouTube.
  37. Integrate Facebook Open GraphTwitter Card and Google Knowledge Graph on the website.
  38. Migrate from Staging to Live site.
  39. The final round of Quality Checking and making the site LIVE.
  40. The contract ends, and one Month of Free Support & services will be provided, and then you may go for our popular accessibility monitoring and maintenance services.

Accessibility Health Score

The accessibility health score is an indicator of the accessibility of a webpage based on automated scans and manual audits run in the platform. On a scale of 0–100, or weak to strong, it shows the degree to which websites using our ananyoo themes meet or violate the tested accessibility rules. Our accessible themes have been thoroughly tested on various platforms and went through rigorous testing phases.

Because the score is based only on automated scans–which test for 25–30% of potential accessibility issues, so I have included the manual audit report for the overall accessibility.

Google Lighthouse

Google Lighthouse

Lighthouse is an open-source tool for running technical website audits. Google developed this tool and analyzed the following aspects of a URL: Performance, Progressive Web App, Accessibility, Best Practices and SEO.

Google Lighthouse Score

WebAIM Wave

WebAIM Wave

WAVE is a web accessibility evaluation tool developed by WebAIM.org. It provides visual feedback about the accessibility of your web content by injecting icons and indicators into your page.

wave 1

Deque AXE-Core

Deque AXE-Core

AXE is an automated testing tool for identifying code accessibility issues. It is used for checking accessibility violations on websites and HTML-based user interfaces. Axe-core can find 57% of WCAG issues automatically. A Chrome browser extension is needed to test

Deque Axe-Core

Manual Audit

Manual Audit

Manual testing tests all aspects of your digital property, from code to key user flows, with assistive devices like screen readers. Because humans perform manual tests, they provide the most accurate assessment of how accessible your digital property actually is. We tested on various environments:

  • Screenreader testing using Jaws for Windows/Chrome
  • Screenreader testing using NVDA for Windows/Firefox
  • Screenreader testing using Voiceover for MacOS/iOS
  • Screenreader testing using Talkback for Android
  • Browser Zoom testing
  • High Contrast testing
  • Keyboard-only testing
  • Colour Contrast testing

Case Studies

Shown below is a selection of our clients who have used our Webflow Accessible Theme along with our other digital Webflow accessibility consultancy services, or you can check our other web accessibility case studies.

Techno Gears: TLJ
Kirk Adams Innovative Impact
CurbCutOS
Esthetics Center
Milan Kordestani