ARC: Empowering Sales and Support

Reading Time: 2 minutes
A salesman confidently presenting the accessibility compliance slide of a product overview to corporate executives.
Sales presentation highlights ADA and EAA compliance to legal stakeholders. AI-generated image.

Sales and support teams shape the first and last impressions of any product. Their words guide individuals through choices, concerns, and commitments. The ARC gives these teams a clear path to speak about Accessibility with confidence and accuracy.

Sales Teams

Sales teams help people understand how a product supports their needs. The ARC gives them clear, responsible language for discussing Accessibility without guesswork. It keeps conversations honest, practical and grounded in service possibilities. Key ARC resources for sales teams:

  • Product or Service Compliance Level under EAA, ADA, AODA, etc.
  • Knowledge-base articles,
  • Feature conformance reports,
  • Demo scripts,
  • Limitation statements,
  • Customer‑facing FAQs.

Use these resources to explain features in simple, respectful terms. Start by asking what the customer needs, then match those needs with verified capabilities. Keep claims rooted in ARC evidence so expectations stay realistic. When a feature has limits, state them plainly and kindly. Record customer requirements and promised follow-up so nothing gets lost. Use approved ARC phrasing to keep every sales channel aligned. This approach builds trust, protects integrity and reflects a commitment to serving others with care.

Support Teams

Support teams guide people through real challenges and help eliminate barriers. The ARC gives them structured steps, approved terminology and reliable information so they can respond with clarity. Key ARC resources for support teams:

  • Troubleshooting guides,
  • User flow test logs,
  • Escalation paths,
  • Bug report templates,
  • Accessibility priority matrix.

Use these tools to gather accurate details, offer practical workarounds and escalate issues. Document steps clearly so designers and developers can reproduce barriers without delay. Track recurring issues using ARC dashboards and share patterns with product teams. Communicate timelines and follow up when fixes arrive. Every interaction becomes an opportunity to serve with dignity and steady guidance. This strengthens relationships and improves the product.

Artificial Intelligence

AI can help customer‑facing teams work faster and stay aligned with ARC guidance. It supports accuracy without replacing the human responsibility to speak with care. Potential AI uses:

  • Surface relevant ARC articles during live conversations.
  • Suggest approved phrasing based on ARC language and terminology.
  • Flag risky statements that may over-promise.
  • Summarize the test results in plain language.
  • Pre‑fill bug reports with structured details.
  • Highlight trends in support tickets for program owners.

AI helps people stay consistent, make fewer mistakes, and use reliable information.

Other Topics for the ARC

This article closes the ARC series. I hope the journey helped you support teams clearly and responsibly. The ARC covers more than previously discussed. It can grow to include many other areas, including Workplace Accessibility.

Workplace Accessibility involves removing barriers in the workplace. Those related to hiring, onboarding, communication, tools, physical spaces, and daily work processes. It’s legally required in various jurisdictions. When workplaces are accessible, every other area described in this series becomes stronger. An inclusive workplace with disabled colleagues cultivates both understanding and a sense of responsibility. Customer-facing teams understand real-world needs. Designers and developers build with broader insight. Leadership gains clearer visibility into risks and opportunities.

As the ARC expands, it is wise to seek guidance from Certified Professionals in Web Accessibility (CPWA). Their expertise ensures the ARC is trustworthy, practical, and values-driven.

ARC: Enabling Designers and Developers

Reading Time: 4 minutes
Designers and developers collaborating at a shared workspace, with design mockups and code overlays showing accessibility annotations.
Designers and developers collaborate around accessibility annotations and their impact on code programming. AI-generated image.

Designers and developers shape the digital experiences people rely on every day. The ARC equips them to build universally accessible products. Both groups will gain a strong shared foundation by using the ARC.

Accessibility Tools

The ARC lets both groups team up, aiming for the same WCAG results, but using different tools. Each criterion affects both professions differently, so the ARC pairs every topic with matching tools for each role. For example:

  • Colour contrast: a designer could use a Figma plugin, while a developer may use a code checker. The ARC records both tools in one place (folder, section, title) so teams know exactly how each side confirms compliance.
  • The same structure applies to keyboard navigationscreen reader narration and component interactions. Designers use annotation templates to describe the expected focus order and tutor messages. Developers use curated linters, testing scripts and screen reader checklists to validate those expectations in code.

A shared and categorized topic structure removes guesswork and keeps both professions aligned. You can organize your ARC by WCAG groups or the complete list of success criteria.

Communication

The ARC helps designers and developers communicate with clarity and purpose. Designers can annotate wireframes with detailed Accessibility notes using ARC templates. These notes describe expected keyboard interactions, focus order, labels and screen reader tutor messages. Developers review these annotations early and ask questions before writing code. When a component feels unclear, teams should create quick prototypes. That way, everyone can confirm the same behaviour before development begins.

In my experience, the first Accessibility audit often reveals how well this communication worked. A high compliance result usually reflects strong alignment. Low compliance often signals that something broke down along the way. Many teams fall into the trap of assuming developers already know every detail about Assistive Technology (AT).

After 20 years of projects, I still have not met a developer who received formal training on screen reader tutor messages or ARIA attributes. They usually learn these details through hands‑on remediation work. Therefore, teams should never assume or take their Accessibility knowledge for granted.

To avoid misunderstandings, designers should always include AT expectations in their annotations. Confirm that the developers have reviewed the annotations. Confirm no doubts remain after the annotation’s review.

The ARC also records audit‑derived learning so teams can improve with each project.

Design Systems

The ARC helps teams protect quality. Whether they work with a full design system or deliver tailored solutions for individual customers.

A living design system offers clear advantages. When components share the same foundation, every audit benefits all products that rely on those patterns. Designers and developers can agree on bugs and solutions more easily. Regular audits help teams catch drift before it becomes a larger problem.

It’s true that not every company has this luxury. Many teams build custom solutions for each client, which means early detection becomes essential. Here, the ARC should include: component audit checklists, annotation forms and pattern‑library guidance. Designers can document expected behaviour for each component, focus order, and interaction rules. Developers can use these notes to build predictable, consistent experiences. The ARC gives both groups the structure they need to stay aligned, even when every project looks different.

UX Research

UX research grounds Accessibility decisions in real-world user experience. The ARC supplies templates and tools that make research practical and repeatable. Some examples:

  • User testing feedback forms tailored for people using assistive technology.
  • Accessibility persona validation checklists linked to WCAG success criteria.
  • Recruitment guides for inclusive participant outreach and respectful engagement.
  • Script templates for moderated and unmoderated Accessibility testing sessions.
  • Consent forms and accommodation request templates that respect participant dignity.
  • Analysis templates and prioritization matrices tied to remediation workflows.

AI Support

The ARC should include resources that show how to use Artificial intelligence (AI). Designers can easily generate UX personas aligned with WCAG success criteria. Developers can create quick CodePen prototypes and explore ideas for inclusive design. AI helps in the instant production of sample code for accessible navigation patterns or tutor messages. Although it helps teams move faster, it needs careful guidance.

Warning: AI saves time, but it does not replace thoughtful judgment. AI sometimes mislabels user needs or suggests features that do not match real-world disabilities. E.g., AI will tell you with a straight face to consider colour contrast for blind UX personas. I have seen this happening, especially when compounding disabilities for use cases. The ARC must encourage teams to review AI outputs with care. Make sure to compare results across AI models and validate everything with real user insights. This habit protects quality and keeps the work grounded in truth.

Partnerships

Teams should always seek guidance from Certified Professionals in Web Accessibility (CPWA). Their training helps teams interpret WCAG with clarity. Their information should be available on the ARC.

For external Accessibility Auditors, teams should know their methodology and tools. Learn how auditors use screen readers, code inspection and automated scanners. Do they test with testers with real disabilities, or just simulate the use case? Replicate the auditor’s process when you fix issues and produce evidence using the same tools and steps.

Record the auditor’s reputation, tester credentials and testing approach in the ARC. This practice speeds remediation and proves fixes to stakeholders and future team members.

Next article: “ARC: Empowering Sales and Support.” How customer-facing teams use the ARC to communicate accessibility clearly and responsibly.

ARC: Project Lifecycle Integration

Reading Time: 2 minutes
On a video call, a team of six people reviews a project’s progress with accessibility success criteria embedded across milestones; some attendants react with positive emojis.
A Project Manager shares a Gantt chart with accessibility milestones during a collaborative video call. People react positively to the progress achieved so far. AI-generated image.

Integrating an Accessibility Resource Centre (ARC) into the project lifecycle empowers project and product managers (PMs) to embed accessibility across all project phases.

The following are some examples of practical forms and processes that PMs can use to align projects with Accessibility. They help deliver accessible digital products, ensuring compliance, quality, and user satisfaction.

Integration Management

  • Formally include accessibility goals in the project charter by using an Accessibility Charter Template.
  • Use an Accessibility Integration Checklist to ensure accessibility is embedded in all project plans and deliverables.

Scope Management

  • Use an Accessibility Requirements Form to define clear, testable accessibility criteria.
  • Use a Scope Change Request template to evaluate and approve any modifications impacting accessibility.

Schedule Management

  • Use an Accessibility Milestone Checklist to align accessibility reviews with key project phases.
  • Implement a Schedule Impact Assessment form to estimate the time needed for accessibility tasks.

Cost Management

  • Use an Accessibility Budget Estimation template to forecast costs for training, testing, and remediation.
  • Track Accessibility Expense Logs to monitor spending against the budget.

Quality Management

  • Use an Accessibility Test Plan template to define testing scope and methods.
  • Use an Accessibility Defect Reporting template to track and resolve bugs.

Resource Management

  • Maintain an Accessibility Roles and Responsibilities Matrix to clarify team member duties.
  • Use a Resource Allocation Form to assign accessibility experts and tools.

Communications Management

  • Use Communication Plans that include accessibility updates and training schedules.
  • Use Feedback Forms to collect stakeholder input on accessibility progress.

Risk Management

  • Apply Accessibility Risk Assessment Checklists to identify potential barriers early.
  • Use Risk Mitigation Plans tailored to accessibility challenges.

Procurement Management

  • Use Vendor Accessibility Compliance Checklists during procurement.
  • Include Accessibility Clauses in contracts to ensure supplier accountability.

Stakeholder Management

  • Implement Stakeholder Engagement Plans that highlight accessibility education and involvement.
  • Use Training Attendance Logs for tracking participation in accessibility workshops.

Artificial Intelligence Support

  • Examine accessibility data using AI dashboards to identify weaknesses in your processes, products, and components.
  • Use AI-driven content review tools to flag potential accessibility issues.
  • Create all previous forms and processes with AI, following accessibility rules, success criteria, and laws.

The ARC should include all templates, process descriptions, and checklists for consistency across projects. Always seek the advice of a Certified Professional in Web Accessibility (CPWA) to customize these resources in alignment with your organization’s unique processes, products, and culture.

Next article: “ARC: Enabling Designers and Developers.” Practical guidance and trusted references help creators build accessible products without slowing delivery or creativity.

ARC: Tools and Resources

Reading Time: 3 minutes
A creative illustration of a carpenter’s toolbox reimagined with digital accessibility tools, symbolizing practical craftsmanship.
A carpenter’s toolbox illustrating an analogy between digital accessibility tools and the required craftsmanship for modern product development. AI-generated image.

In the previous article, we explored how a solid framework anchors an Accessibility Resource Centre (ARC). Let’s now focus on the practical side: the tools and resources that make accessibility work possible and repeatable.

Think of an ARC as a carpenter’s workshop. The framework provides a sturdy workbench, but the tools hanging on the wall make the craft possible. Each tool serves a purpose. Some cut, some measure, some polish. When used with skill and purpose, they shape digital environments that are both strong and welcoming.

Foundational Tools

Every ARC needs a dependable set of instruments ready to use. Start with a core repository of testing tools:

  • Use tools like Axe DevTools and Microsoft Accessibility Insights to find coding problems early on. Also, tools like Access Continuum can even integrate into the development pipeline.
  • NVDAJAWS, and VoiceOver are screen reader software programs that make real-world user testing possible.
  • TPGi’s Colour Contrast Analyzer and WebAIM’s Contrast Checker assess colour contrast for readability.
  • The ARC ToolkitAMP, and SiteImprove Checker extensions test live and staging sites, including secure and dynamic content.

Keep licenses current, standardize versions, and document usage. The ARC should be the single source of truth for everyone across the company. Everybody should use the same tools in the same way.

Knowledge and Reference Libraries

Beyond tools, the ARC’s bookshelf should hold the organization’s accessibility wisdom. This includes:

  • Concise WCAG 2.2 summaries customized for your environment.
  • Testing protocols and escalation workflows.
  • Templates for conformance statements, accessibility roadmaps, and status dashboards must be available.
  • Include training guides for designers, developers, and project leads.
  • Procurement and vendor accessibility checklists.
  • Organize it like a blueprint cabinet: indexed, searchable, and version-controlled.

Training and Practice Environments

Practice makes perfect; therefore, an ARC thrives when people can experiment. Create practice environments where teams can:

  • Test new widgets with assistive technologies.
  • Preview designs with simulated disabilities.
  • Track the accessibility dashboards to show progress.

By getting hands-on, we make following rules a skill and make policies an experience.

Collaboration and Communication Tools

Accessibility grows through communication. For ARC documents, use SharePointConfluence, or Notion. Quickly connect with others using MS Teams or Slack. Schedule “Accessibility Office Hours” where experts can guide colleagues through issues. It builds confidence and community.

External Partnerships

Collaborate with certified accessibility professionals, universities, and technology vendors. They provide perspective, audit support, and testing opportunities. These collaborations ensure the ARC stays connected to real-world users and evolving standards.

The Role of AI in ARC Improvement

Artificial intelligence can now act as the ARC’s digital assistant. It can cross-reference topics and identify outdated or overlapping content. This helps governance teams see how accessibility goals align and identify gaps. AI strengthens coordination and maintains accuracy, allowing humans to focus on assessment and ethics.

A Culture of Stewardship

Tools alone do not build. Skilled and responsible people do. The ARC must cultivate stewardship, teaching teams to care for their tools and methods, maintain their libraries, and pass on good practices. In this way, accessibility becomes a shared craft that unites purpose and precision.

The true measure of an ARC is not the number of tools it holds, but how well they are used. Seek advice from Certified Professionals in Web Accessibility (CPWA) when choosing the right tools for your ARC.

Next article: “ARC: Project Lifecycle Integration.” Integrating ARC into delivery cycles enables better decisions, less rework, and make project outcomes more measurable.

ARC: Building the Framework

Reading Time: 2 minutes
A smiling male project manager looking at a folder structure on his desktop monitor.
A relieved project manager realizing his organization has a well-structured Accessibility Resource Centre, where he can find all the information he needs. Image generated with AI.

In the previous article, we considered why all organizations should have an Accessibility Resource Centre (ARC). Now, let’s explore how to build a framework that transforms accessibility from idea to working system.

An ARC framework is the backbone of lasting accessibility. It gives structure, clarity, and consistency, not ideology. Its purpose is practical: to make digital products and services work well for everyone, barrier-free. It supports business efficiency, legal compliance, and customer satisfaction.

Governance Structure

Governance gives Accessibility direction and authority. The ARC needs a formal mandate, a leader with influence, and defined accountability. Knowing who’s in charge makes things clear and keeps accessibility a priority in all projects. Leadership commitment turns accessibility talk into action.

Operational Model

An ARC defines how teams engage with accessibility. How reviews happen, and where checkpoints fit in the project lifecycle. Integrating accessibility into design, development, and testing avoids late-stage rework and protects quality.

Documentation and Standards

Documentation builds a strong framework. Put all accessibility rules, design instructions, examples, and tests into one easy-to-use place. Clear documentation makes accessibility predictable, measurable, and teachable. It also helps newcomers learn faster.

Training and Enablement

Training ensures accessibility doesn’t depend on one champion. Provide role-based learning. Developers learn to code for accessibility. Designers learn barrier-free layouts. Managers learn how to track compliance. Include coaching or office hours so staff can ask questions about real projects.

Measurement and Reporting

You can’t manage what you don’t measure. Dashboards and scorecards track accessibility audits, issue resolution times, and training completion rates. Sharing those results motivates progress and reinforces accountability. Transparency builds trust, inside and outside the company.

Technology and Tooling

Technology keeps accessibility efficient. Automated testing tools catch errors early. Assistive technology labs allow teams to understand how users experience products. AI helps find accessibility problems, but human review is vital.

Departmental Integration

In large organizations, one ARC rarely fits all. Each department or product line may run its own ARC adapted to its technology stack. The central ARC council coordinates consistency and shared learning across departments.

Expert Partnership

Building an ARC requires specialized know-how. Engage qualified professionals, including Certified Professionals in Web Accessibility (CPWAs). They ensure your framework meets standards, and its contents match what’s needed in the real world.

An ARC framework isn’t bureaucracy; it’s structure with purpose. It builds accountability, protects users, and reflects respect for human dignity. Accessibility done right is good design, good ethics, and good business.

Next article: “ARC: Tools and Resources.” The practical instruments your ARC needs to operate and deliver lasting value.

Accessibility Resource Centre: Strengthening Business Value

Reading Time: 2 minutes
Leadership team reviewing accessibility KPIs and customer satisfaction dashboards in a professional boardroom setting
Business executives reviewing accessibility and customer satisfaction metrics, reflecting on business value, strategic governance, and accountability. AI-generated image.

In today’s digital world, companies must follow rules. Digital Accessibility is now a requirement. Organizations must comply with regulations. Adherence to standards is mandatory for digital products and services.

Now, accessibility further defines a digital product’s quality and longevity; thus, its business value. Yet, most companies still address accessibility issues by fixing them as they arise. A smarter approach builds accessibility from the start. That’s the role of an Accessibility Resource Centre (ARC).

Organizations use different names for this type of centralized accessibility repository. Terms such as Digital Accessibility HubAccessibility Portal, or Accessibility Center appear across sectors. However, the underlying purpose remains the same. In the Canadian context, and particularly within major institutions such as the Federal Government, the term Accessibility Resource Centre (ARC) is the most widely adopted. So, I will use “ARC” for consistency throughout this series since I am based in Canada.

An ARC puts together resources to make accessibility part of the product or service delivery. Such resources are usually a compilation of tools, expertise, and governance documents. It’s a central hub on the accessibility topic.

In small companies, a single ARC can support everyone through shared knowledge and resources. Cross-functional groups can start by putting references and checklists in a cloud folder.

Large companies usually put ARCs on SharePoint sites or wikis. When having multiple ARCs, stakeholders categorize them by business sector or specific technologies. E.g., they could have an ARC for digital banking, one for enterprise software, and another for mobile applications.

An ARC delivers value across the company by reducing guesswork and rework. For project and product managers, it provides legal frameworks, maturity models, and checkpoints. Developers and designers benefit from access to code libraries, design patterns, and testing tools.

Teams that interact with customers will also benefit. ARCs provide sales teams with product compliance details, enabling confident responses to client inquiries. Customer support staff get guidance on accessibility-related issues. This ensures that the correct teams receive reported problems with the right details.

A solid ARC is more than just a repository of documents; it’s an ecosystem, and it might include:

  • Accessibility testing tools and assistive technology simulators.
  • Accessibility regulations by jurisdiction, along with legal advice.
  • WCAG-aligned design systems and UI pattern libraries.
  • Reporting templates for accessibility bugs and support tickets.
  • Accessibility statements and conformance reports, such as VPATs.
  • Training modules, recorded video sessions, and certification pathways.
  • Contact information for accessibility testers and consultants.

These resources help all departments, from engineering to communications, to work towards accessibility. An ARC mitigates legal risk, improves usability for everyone, and strengthens brand reputation.

Implementing an ARC requires a certain level of know-how. It involves understanding both technical standards and the organizational shift required to implement them. That’s why companies should always seek advice from accessibility experts. Usually, a Certified Professional in Web Accessibility will ensure an ARC follows industry standards and rules.

Digital Accessibility is a shared journey. An ARC is the compass that keeps everyone moving in the same direction.

The next article will focus on “ARC: Building the Framework.” Creating structure, rules, and assigning responsibility helps accessibility efforts succeed long-term.

Artificial Intelligence could disclose a user’s disability to cybercriminals

Reading Time: 4 minutes
A Braille user interacts with an Android robot controlled by someone behind it.
An artistic collage of images depicts a refreshable braille user interacting with an android; behind it, a shadowy faceless character wearing a dark hoodie seems to manipulate the android.

Last summer, as I was finishing a graduate degree, I wrote a final paper on how the evolution of Artificial Intelligence (AI) could affect users with disabilities who use Assistive Technologies (AT) and how Cybercriminals can exploit AI shortcomings to target this demographic. Although my original paper is about Screen Readers, this could very well apply to any user relying on Assistive Technology to interact with digital products and services.

I found the AI/AT/Cybercrime intersection very interesting, so I decided to blog about it. For now, to keep the word count manageable, I will only outline my findings in this post and later write follow-up articles for each topic, which I will link here. I’m including the references at the end of this post because they are many, to avoid confusion with my own articles, and also to give full credit to source authors.

As of January 2024, legislation on Digital Accessibility is intensifying in North America [1, 2, 3] and Europe [4], imposing substantial fines for non-compliance. This article explores the intersection of AI, Digital Accessibility, and Cybersecurity, and how this intersection could affect visually impaired users with the evolution of AI-Agents replacing traditional User-Agents.

The Evolution of User-Agents into AI-Agents

AI is rapidly evolving, presenting both advancements and challenges, with user privacy and security at the forefront. AI-Agents, autonomous bots designed to perform tasks on behalf of users, are reshaping the digital landscape. Traditionally, Screen Reader software operates on top of User-Agents, such as web browsers, remaining undetectable by web analytics. However, the emergence of AI-Agents introduces new dynamics [5], raising concerns about user privacy and cybersecurity.

Privacy Concerns in the Digital Accessibility Landscape

In the realm of Digital Accessibility, the ethics of Assistive Technology detection have been debated extensively [6, 7]. Platform Design Principles emphasize the protection of user privacy for individuals with disabilities [8]. Detection of Assistive Technology poses a risk of unintended analytics discrimination and the potential disclosure of users’ disabilities without their consent.

AI’s Role in Enhancing Accessibility

On a positive note, AI has significantly improved Digital Accessibility for individuals with disabilities [9]. Tech companies leverage AI to automate functionalities, such as generating alternative text for images and facilitating voice chatbot interactions [10]. These efforts align with evolving accessibility regulations, aiming to create a more inclusive digital environment.

Cybersecurity Threats for Visually Impaired Users

Despite advancements in Digital Accessibility, visually impaired users remain vulnerable to cyber threats due to the lack of visual cues and limited software support [11]. Their top concerns include the theft of private information, malicious access to financial data, and the exposure of personal information. The rise of AI use in cybercrime further complicates this landscape, enabling more sophisticated attacks that are challenging to detect and combat [12].

Challenges in Differentiating Good Bots from Bad Bots

As AI-Agents become more prevalent, distinguishing between beneficial AI bots and malicious ones becomes a significant challenge. Ensuring the ethical use of AI-Agents, particularly in protecting user privacy and preventing fraudulent activities, becomes paramount.

Addressing Privacy Concerns in the AI Era

Most development companies are well aware of AI’s user privacy shortcomings [13], so they implement measures to make datasets private, reduce user identification possibilities, and eliminate edge cases from algorithms. However, users with disabilities usually fall into these edge cases that get eliminated [14]. Therefore, ensuring their inclusion and protection in the age of AI is imperative.

Balancing Opportunities and Challenges

Visually impaired users stand to benefit significantly from AI advancements, with AI-Agents automating tasks to enhance accessibility. However, the potential for cybercriminals to exploit users’ disabilities through digital interactions calls for a careful balance between opportunities and challenges [15]. For example, there could be times when users need to disclose their disability to interact with medical services, government agencies, obtain special discounts, or find special accommodations when booking hotel rooms, flights, or dinner. Right there and then, the AI-Agent will own sensitive information that could potentially be used to discriminate through analytics, or target users with disabilities for fraudulent purposes.

Conclusion

Innovators have to keep on their radar this intersection of AI, Digital Accessibility, and Cybersecurity; the crucial balance between harnessing AI’s opportunities and addressing the challenges it poses. Prioritizing user privacy, inclusivity, and safeguarding sensitive information despite the use of Assistive Technology. As we move into the future, continued research is essential to understand the implications of the transition from User-Agents to AI-Agents and its impact on visually impaired users, and those with disabilities in general. Striving for privacy equity in the age of AI is critical to prevent an internet divide and ensure a digital future that benefits everyone.

References

  1. The Americans with Disabilities Act. (1990).
  2. The Accessibility for Ontarians with Disabilities Act. (2005).
  3. The Accessible Canada Act. (2019).
  4. European Accessibility Act. (2019).
  5. McGinley-Stempel, R. (2023). Preparing For The Era Of The AI Agent. Forbes Technology Council.
  6. Bureau of Internet Accessibility. (2021). Analytics Tools Can’t Track Screen Readers — And Shouldn’t.
  7. Roselli, A. (2022). On Screen Reader Detection.
  8. Web Platform Design Principles. (2023).
  9. Chun Yu & Jiajun Bu. (2021). The practice of applying AI to benefit visually impaired people in China. Commun. ACM 64, 11 (November 2021), 70–75.
  10. Ara, J. and Sik-Lanyi, C. (2022). Artificial intelligence in web accessibility: potentials and possible challenges. Proceedings of IAC 2022.
  11. Inan, F. A., Namin, A. S., Pogrund, R. L., & Jones, K. S. (2016). Internet Use and Cybersecurity Concerns of Individuals with Visual Impairments. Journal of Educational Technology & Society, 19(1), 28–40.
  12. Islam, R. (2023). AI And Cybercrime Unleash A New Era Of Menacing Threats. Forbes Technology Council.
  13. Gravrock, E. von . (2022). Artificial intelligence design must prioritize data privacy. World Economic Forum.
  14. Frick, T. (2021). How Many People With Disabilities Use My Website? Mighty Bytes.
  15. Short, K. (2021). Accessibility and Digital Security. Security.org.

Scroll-to-top buttons must be accessible; here’s why!

Reading Time: 3 minutes
a purple up arrow
Photograph of a purple arrow pointing up, painted on a cracked concrete surface.

During a web development project, I had an exchange with intern developers who asked me if “back-to-top” buttons on web pages should be made keyboard accessible, based on an article they found on the internet, which seemed to support the decision not to make it accessible. Unfortunately, I can’t find that article anymore, so I’m writing this one as a reminder.

The argument was that this type of button is the last element on the page, and only one tab away to get keyboard-only users back to the top of the page anyway, so it seemed repetitive.

You may not have heard of scroll-to-top, or back-to-top, buttons before, but if you are a web developer or a UI/UX professional you most likely have, and then you may think these kinds of buttons are petty or irrelevant. But if your website or app is scheduled for an Accessibility Audit, then they are relevant.

As a member of the International Association of Accessibility Professionals (IAAP), I often reach out to expert colleagues to discuss this kind of dilemma.

To me, it seemed obvious that it had to be accessible regardless of being repetitive. My concerns about not making it accessible are audits and legal aspects. But the interns did have a valid point supported by the argument in their referred article. So, I was curious to find out at least two things from my IAAP peers:

1. If somebody had come across this topic during an accessibility audit, and how they solved it.

2. If it could be perceived as discriminatory: to have the button available for some users and not for others.

I reached out to expert colleagues on the IAAP Forums. After posting my concerns and starting a thread, two experts got back to me.

Expert #1 said that although it could be perceived as a failure of WCAG Success Criteria 2.1.1, it may not necessarily have to be, as long as the page’s functionality is operable with a keyboard. He went on to explain that “as long as there is a way to perform that function, namely, to move the focus to the top of the page using the keyboard, then the button itself doesn’t necessarily have to be keyboard accessible.”

However, he warns that while some keyboard shortcuts, such as Home or CTRL+Home, do scroll the page back to the top; they don’t move the focus to the top. So, if the purpose of the back-to-top button is to get the focus back to the top, then in that case, “the functionality of the ‘back-to-top’ button isn’t available to me” from a keyboard-only user perspective.

“I always encourage you to make every clickable thing on the page keyboard focusable, even if you don’t think anyone needs it. But since you aren’t everyone, it might be hard to picture who might need that feature. For the person that needs it, they’ll be very happy you have it.”

Expert #2 echoed the WCAG failure aspect, saying that “not making it accessible would be a violation of keyboard-related accessibility standards,” which is audit relevant, but also highlighted that not making it accessible is the effect of a conscious choice, clarifying that “actively not making a button accessible when the default is to do so can be construed as an intentional discriminatory act.”

Expert #2 wrapped up by saying, “In general, making a button accessible is pretty trivial when done with the initial development.” Which made perfect sense, so I got back to the interns with that feedback, and we concluded the issue was very simple to fix and not worth leaving to chance.

Online Shopping with a Screen Reader in Canada

Reading Time: 3 minutes
A man holding a credit card while typing on a laptop
A man holding a credit card while typing on a laptop.

If you are the owner of an online storefront in Canada, you should get familiar with Screen Reader software and start listening to your website. In August 2022, the Retail Council of Canada published the Accessibility Amid a Changing Retail Landscape Guidebook to provide Canadian retailers with quick tips on how to interact with customers with disabilities. Out of its 28 pages, 18 emphasize in-person interactions, and only five pages are about online interactions, mostly WCAG references.

Making online stores accessible has become a trend in Canada. The Government of Ontario is targeting the creation of an accessible province by 2025 through the Accessibility for Ontarians with Disabilities Act (AODA). Other provinces are following along and the Federal Government has also started moving toward federal regulation by creating technical committees. The consequences of non-compliance for the Web Accessibility part are still unknown, but if we look at how it’s going in the US with the ADA, there are some reasons for concern.

I will not get into details about WCAG (the technical standard) because it’s where people stop reading and start stressing. Rather I will try to convey what the expectation is for an accessible online storefront. In my experience as a Certified Professional in Web Accessibility, I recommend starting with making Screen Readers work well on storefronts, instead of starting with colour contrast and font size.

There is a layer on every User Interface (UI) that “speaks” to the user, literally. If it doesn’t, then something is wrong. In this context: silence is bad. If you test your storefront with a Screen Reader and don’t hear anything, or the vocalization doesn’t match the part of the page you are on, most likely your storefront is not accessible, therefore not compliant.

Web Accessibility is hard to implement because it’s hard to empathize with what the User Experience (UX) should “look like” for people with disabilities. In my experience, once it’s understood that we must aim instead for what it should “sounds like”, then we will be closer to fixing the problem from the ground up. Think of it as a person telling you over the phone what they are doing while shopping at a supermarket. This “listening experience” should match the user’s interactions.

Nowadays, most people know what wheelchair ramps are for in supermarkets. Most shoppers, handicapped or not, find it useful to push that big button to automatically open the doors. Audio jacks have been available in ATMs for over 20 years. All the previous allow consumers with disabilities to exercise their full shopping potential in the physical world. It doesn’t have to be any different for online shopping.

Also, there isn’t any lack of examples of what an accessible UX sounds like, we just need to know where to look. For instance, if we keep in mind that Government Organizations should be compliant with Web Accessibility as well, my first reaction would be to take a look at how “Retail by Government” is being implemented, so the online storefront of the Liquor Control Board of Ontario (LCBO) would be my first stop in finding out.

I’m not saying you should follow LCBO’s UX “by the numbers”, but listening to its vocalization while browsing it with a Screen Reader, will give you a better idea of what the goal is.

If you manage to make your online storefront vocalize accurately, the rest of the accessibility bugs are discoverable with automated testing and fixes are easy. Yes, you still need developers and accessibility experts, and no, widgets and overlays will not provide compliance.

The most popular SRs are NVDA (Windows), VoiceOver (Mac and iPhone) and TalkBack (Android). Here’s a brief demonstration of what a Screen Reader interaction sounds like on an iPhone.

How to Improve Screen Reader UX

Reading Time: 4 minutes
A human ear coming through a hole on a sheet of paper.
An ear coming out through a hole on a white sheet of paper (listening to component interaction is key to improving Screen Reader UX).

This is a non-comprehensive list of recommendations on how to improve the Screen Reader User Experience (UX). This list has worked for me in the past to get consistent results between planning and deployment. This article is mostly addressed to developers, visual and interaction designers, and QA testers. Not all recommendations apply to every role, but all outcomes are helpful for everyone. Other project stakeholders, like Project Managers, can benefit from knowing these recommendations. This is not a formal checklist but it can be the foundation for one.

There is a layer under every User Interface (UI) that “speaks” to the users. And I mean literally speaks to them. If it doesn’t, then something is wrong with the UI. Most of the time, individuals unfamiliar with Web Accessibility don’t realize this.

Same as we usually test by visually browsing and testing with the mouse. Performing tests with keyboard-only navigation and Screen Readers are becoming a requirement. To hear what components and their interaction sound like. Needless to say: silence is bad.

There is no replacement for hands-on manual in-person Screen Reader testing. To the writing of this article, there isn’t any automatic test for Screen Readers. Testing the Screen Reader UX from conception to implementation is one way to improve it.

General Improvements to Screen Reader UX

  1. Define user journeys for every UI or page. Write it down as a numbered list. E.g., “User Tabs to component A, then uses the down-arrow key to reach element A1, …”.
  2. Video record screen reader sessions based on defined user journeys. Make sure to enable “computer audio recording”, otherwise it will result in a video without audio. Video recordings are a great reference when explaining to a developer how to reproduce screen reader bugs.
  3. Test in as many different screen readers as possible. Some are free, some are pricy, some are strict, and some are very forgiving.
  4. Test accessible gestures for mobile devices, but also small devices with external keyboards. E.g., Android Tablets with external mini keyboards.
  5. Beware of cross-screen-reader bugs and aim towards cross-screen-reader solutions. E.g., VoiceOver for Mac will vocalize just about everything, including dynamic content. As opposed to JAWS/NVDA for Windows, which may need a preloaded parent tag for similar results. That is to say, vocalization varies from one Screen Reader to the next, depending on implementation, platform, and devices.
  6. Be patient while testing ARIA attributes. Testing vocalization will take much longer (even at expert levels) than the usual “Mouse + Browser” testing. This is normal, adjust expectations and time estimates.
  7. Make sure to test for consistency and double-check screen reader vocalization across different environments. E.g., localhost, development, staging, live.
  8. Video record experimental approaches to improve Screen Reader UX that didn’t make it to the final implementation. Save for future recycling.
  9. Video record the approved “final” outcome to avoid and spot regressions.

Improving Screen Reader UX by Role

  1. As a Designer, explore examples and references using a screen reader (desktop and mobile). Listen to what components and elements sound like. Video record the screen reader exploration sessions to show to developers and other stakeholders. Point out cross-screen-reader vocalization differences as soon as spotted; they tend to be forgotten.
  2. As a Developer, test with a Screen Reader while developing. If designers provided a video recorded session of the expectations, try to aim for a similar result (desktop and mobile).
  3. As a QA tester, add video recordings of screen reader bug detections to QA tickets (desktop and mobile). This will help developers reproduce and debug issues faster than reading text and interpreting the instructions on how to reproduce. It saves on explanations about how to reproduce and issue.
  4. As a stakeholder, be aware of cross-screen-reader differences and limitations.

What to Avoid

  1. Avoid using Chrome extension to replace or emulate Screen Readers software. The only focus of emulation should be to emulate the user, not the software. As of the writing of this article, I haven’t come across an extension that emulates some ARIA scenarios. Such as aria-expanded, or aria-live which already have some cross-screen-reader issues when using real software, so avoid emulators.
  2. Avoid turning off the screen reader when it starts vocalizing. Instead, listen to it speaking, and try to associate the speech with the UI component and the interaction. I have to admit this happened to me at the beginning. Then I realized THIS is exactly what I should be testing: vocalization. Last year I wrote an article about overcoming the uneasiness of screen reader testing. It’s a helpful guide for slowly adapting to that new environment.
  3. Avoid browsing the UI with the mouse while using a screen reader. This prevents hearing some additional instructions the Screen Reader might be vocalizing by default. E.g., specific keyboard key combination to interact with the component. Don’t skip components or elements with the mouse, always use keyboard-only navigation.
  4. Avoid including ARIA attributes without actually testing them with a Screen Reader and listening to how they sound.
  5. Avoid listening to music while testing with screen readers. Some developers and designers like to hear music or watch videos while working. Honestly, so do I, but then suddenly hearing the computer speaking might be distracting. This could make a slow process even slower.

In short

  1. Listen.