So, you’ve decided to use accessiBe on your website. Great choice! accessiBe is a pioneer in automated web accessibility technology and is designed to make that your website is accessible for people with disabilities and compliant with regulations.
In this guide, we’ll take you step-by-step to ensure that you get the most out of accessiBe’s capabilities and that your website’s accessibility is performing at the highest level.
Let’s begin by making sure that accessiBe is installed correctly on your website. To function optimally, you should either use one of our integration plugins or copy and paste our installation code into your templateYou are set ifource code.
If you’ve installed accessiBe using ones, you are set. The plugins already take care of everything for you. If you’ve used accessiBe’s installation code, then it is important to make sure that accessiBe is installed directly within the body tag of your HTML (it doesn’t matter whether it’s in the opening or closing of the tag). You can also install accessiBe within your head tag, though within the body is more recommended.
Please note: do not load accessiBe in a separate JS file (but directly within your source code), do not wrap accessiBe’s script with custom logic like load delays or otherwise, and do not add any custom CSS or JS to override any of accessiBe’s functions.
Lastly, as part of accessiBe’s process, it’ll send bots to your website to perform its scanning and analysis. We have servers worldwide, which means that if you block specific geolocations or use firewalls to disallow bots to reach your website, you may be blocking accessiBe processes. Some of our bots and servers can be whitelisted, others cannot. If you use geoblocking, please take this into consideration. If you need assistance with whitelisting accessiBe, please reach out to our support team directly.
Now the fun part begins! After we’ve made sure that accessiBe is correctly installed, it’s time to test your website and ensure that the integration went smoothly and that accessiBe runs as it should on your website.
The reason you would want to test the integration is that, as great and as comprehensive as our AI is, it can still miss a few things here and there. Like all software, bugs are rare but may still exist, and if they do, we’d want to catch and address them promptly.
First and foremost - we need to make sure that accessiBe loads properly to your website, and that our scanners function as intended. Run an audit with accessScan. If the result is anything other than “Compliant”, if the scan doesn’t load, or if your website doesn’t look correctly in the audit window, reach out to us for assistance because the integration isn’t working properly.
For thorough testing, we’ve prepared a dedicated guide to take you through all the necessary steps, from start to finish, to test your website thoroughly. The testing guide is written for non-technical people, and it covers keyboard navigation, screen-reader adjustments, UI and design-related adjustments, and automated testing and monitoring.
Of course, if you have any questions, or if you’ve found any issues, don’t hesitate to reach out to our support team for help!
accessiBe’s best practices and general accessibility recommendations
In the following section, we’ll provide you with some best practices for integrating accessiBe and recommendations to help you achieve the highest accessibility level.
Ensuring Image descriptions are accurate.
Image descriptions, also known as alt text (or an HTML alt attribute), are used by screen readers to describe an image’s contents to a blind user. As you probably already know, accessiBe uses AI to provide such descriptions for images that weren’t manually added by the website owner.
The way it works is simple: our AI (computer vision) engine creates an alt text from the objects that appear in the image and the embedded text. For example, an image of people playing with a ball on the beach with the text “50% off beachwear” will receive an alt text like: “50% off beachwear. People playing football on the beach during daytime”.
AI is a great way to describe an image for a blind person but as good as AI is, it doesn’t always have the context people have. For example, those people on the beach may be famous football players like Messi and Ronaldo who advertise a specific sale. An AI will know that people are there, but it will not know who they are or their names, which is sometimes an important piece of information to convey to the user.
Although accessiBe’s AI descriptions are indeed accessible and compliant, to ensure the best possible user experience, we recommend providing your own alt texts that comprehensively describe an image, including the objects, people, names, and texts within it, and rely on accessiBe’s AI as a fallback method.
Ensuring manual accessibility work doesn’t override accessiBe’s
As a policy, accessiBe honors manual accessibility work that is implemented and doesn’t override it because it takes into consideration that if you’ve expressly and explicitly implemented accessibility adjustments, you would want it to remain intact.
This enables website owners and coders to incorporate accessibility in more ways than one. Websites can implement manual work as complementary to accessiBe or the opposite, depending on their knowledge, skills, and budgets.
Therefore, if you’ve implemented manual accessibility adjustments without a proper understanding of how web accessibility works, and your manual work is incorrect, it won’t always be overridden by accessiBe (it will override it in some cases, but mostly it won’t).
We fully support and are happy if our customers participate in the accessibility process. Keep in mind to make sure that you know what you are doing, and we are always glad to help guide you if you are not sure.
Reporting and resolving accessibility issues
In case you, your development team, or even a user have found an accessibility issue, we’d love to learn about it promptly so we can look into it, understand its reasons, and solve it. Our customer service and technical support teams are your best point of contact to report any such issue, and you can do that by emailing [email protected]. Please make sure that your email includes the following pieces of information:
- A direct link to the page where the issue occurs.
- Step-by-step instructions to reproduce the issue on that page.
- The assistive technology used (JAWS, NVDA, VoiceOver, etc.) or none.
Going beyond automation
As you know, accessiBe is the world’s most comprehensive web accessibility solution. Your website may include elements that are not a part of your website’s source code. Therefore, accessiBe does not automate its remediation yet and requires an additional service. Please reach out to our customer service if you have one of the following so we can provide you with a separate quote:
- PDF, PPT, or Excel files
- Media such as video and audio (those require closed captions and or audio descriptions and or transcripts)
- If your organization requires a VPAT (Voluntary Product Accessibility Template)
Other than that, accessiBe provides services you may want to consider, such as comprehensive accessibility audits, accessibility inspections, consultancy, and more. If you are interested in any of these services, please visit our services page to learn more.