{"id":26486,"date":"2025-03-24T12:00:56","date_gmt":"2025-03-24T11:00:56","guid":{"rendered":"https:\/\/www.angulararchitects.io\/blog\/accessibility-testing-tools\/"},"modified":"2025-04-06T08:30:12","modified_gmt":"2025-04-06T06:30:12","slug":"accessibility-testing-tools","status":"publish","type":"post","link":"https:\/\/www.angulararchitects.io\/en\/blog\/accessibility-testing-tools\/","title":{"rendered":"Accessibility Testing Tools for Angular"},"content":{"rendered":"<div class=\"wp-post-series-box series-accessibility-in-angular-en wp-post-series-box--expandable\">\n\t\t\t<input id=\"collapsible-series-accessibility-in-angular-en69ff735f864a1\" class=\"wp-post-series-box__toggle_checkbox\" type=\"checkbox\">\n\t\n\t<label\n\t\tclass=\"wp-post-series-box__label\"\n\t\t\t\t\tfor=\"collapsible-series-accessibility-in-angular-en69ff735f864a1\"\n\t\t\ttabindex=\"0\"\n\t\t\t\t>\n\t\t<p class=\"wp-post-series-box__name wp-post-series-name\">\n\t\t\tThis is post 2 of 6 in the series <em>&ldquo;Accessibility in Angular&rdquo;<\/em>\t\t<\/p>\n\t\t\t<\/label>\n\n\t\t\t<div class=\"wp-post-series-box__posts\">\n\t\t\t<ol>\n\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/www.angulararchitects.io\/en\/blog\/web-accessibility-in-angular\/\">Web Accessibility (A11y) in Angular \u2013 Introduction<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li><span class=\"wp-post-series-box__current\">Accessibility Testing Tools for Angular<\/span><\/li>\n\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/www.angulararchitects.io\/en\/blog\/accessible-angular-routes\/\">Accessible Angular Routes<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/www.angulararchitects.io\/en\/blog\/aria-roles-attributes\/\">ARIA roles and attributes in Angular<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/www.angulararchitects.io\/en\/blog\/accessible-angular-forms\/\">Building Accessible Forms with Angular<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/www.angulararchitects.io\/en\/blog\/angular-aria\/\">Why Angular ARIA in v21 is pretty neat<\/a><\/li>\n\t\t\t\t\t\t\t<\/ol>\n\t\t<\/div>\n\t<\/div>\n<p>Let me introduce you to my curated selection of <strong>Accessibility Testing Tools<\/strong> for <em>Angular Apps<\/em>. This article is the second edition of our <strong>A11y blog series<\/strong>. If you want to learn more about <em>Accessibility in Angular<\/em>, please check out the other articles in this series.<\/p>\n<h2>Introduction<\/h2>\n<p>Automated testing can never replace manual testing (at least so far, in 2025). There are tools that can identify some or many A11y issues, but no tool can certify that a web app is fully accessible. Manual testing ensures that you test for a breadth of A11y concepts that include logical content order and feature parity.<\/p>\n<p>However, automated testing is fast and - at least to me - some kind of entertaining work \ud83d\ude80<\/p>\n<h2>Chromium Browser<\/h2>\n<p>First, please stop using the lame <em>Firefox<\/em> (slow open-source browser <a href=\"https:\/\/de.wikipedia.org\/wiki\/Mozilla_Firefox#Finanzierung_und_Werbung\">sponsored mainly by Google<\/a>). I strongly recommend using a <em><strong>Chromium<\/strong><\/em> based browser! Safari is okay for people who love their golden Apple cage. Here are some browsers that I can recommend:<\/p>\n<ul>\n<li><em><strong><a href=\"https:\/\/vivaldi.com\/\">Vivaldi<\/a><\/strong><\/em> (Privacy &amp; Linux)<\/li>\n<li><em><strong><a href=\"https:\/\/brave.com\/\">Brave<\/a><\/strong><\/em> (Privacy &amp; Ad blocker)<\/li>\n<li><em><strong><a href=\"https:\/\/arc.net\/\">Arc<\/a><\/strong><\/em> (for something completely different) and even<\/li>\n<li><em><strong>Edge<\/strong><\/em> (for Windows machines without Admin privileges)<\/li>\n<\/ul>\n<p>Personally, I prefer using a clean <em>Google Chrome<\/em> on my <em>Macs<\/em> and my <em>Pixel<\/em>. Just like I prefer a clean <em>Google Android<\/em> and have been happily sticking to <em>Nexus<\/em> (<a href=\"https:\/\/en.wikipedia.org\/wiki\/Nexus_4\">4<\/a>, <a href=\"https:\/\/en.wikipedia.org\/wiki\/Nexus_5\">5, 5<\/a>) and later <em>Pixel<\/em> (<a href=\"https:\/\/en.wikipedia.org\/wiki\/Pixel_3a\">3a<\/a>, <a href=\"https:\/\/en.wikipedia.org\/wiki\/Pixel_6a\">6a<\/a>, <a href=\"https:\/\/en.wikipedia.org\/wiki\/Pixel_9\">9 Pro soon \ud83d\ude0e<\/a> - <a href=\"https:\/\/www.derstandard.at\/story\/3000000233178\/pixel-9-pro-im-test-das-ist-die-zukunft-der-smartphones\">review in German<\/a>) for over a decade now. However, if you don't want to share your data with Google - those <em>Chromium<\/em> browsers listed above (except <em>Edge<\/em>) are the better choice for sure.<\/p>\n<p>While the Spaces feature of <em>Arc<\/em> is pretty interesting, I just use different <em>Chrome<\/em> users for my different jobs. E.g., one of them for everything related to <em>Angular Architects<\/em> - like reading this post \ud83e\udd13<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/08\/a11y-view-in-chrome.png\" alt=\"Chrome built-in A11y Tree\" \/><\/p>\n<p>Did you notice that <em>Chromium<\/em> DevTools have a built-in <strong>Accessibility Tree view<\/strong>?<\/p>\n<h3>Chromium Extensions<\/h3>\n<p>Before we talk about a selection of my favorite <strong>Accessibility Tools<\/strong>, please <strong>add<\/strong> the following <strong>extensions<\/strong> to your browser (at least temporarily):<\/p>\n<ul>\n<li><a href=\"https:\/\/chromewebstore.google.com\/detail\/angular-devtools\/ienfalfjdbdpebioblfackkekamfmbnh\">Angular<\/a> Dev Tools (should be there already since you're here \ud83d\ude0f)<\/li>\n<li><a href=\"https:\/\/chromewebstore.google.com\/detail\/wave-evaluation-tool\/jbbplnpkjmmeebjpijfedlgcdilocofh\">WAVE<\/a> A11y Testing Tool, 500k users<\/li>\n<li><a href=\"https:\/\/chromewebstore.google.com\/detail\/axe-devtools-web-accessib\/lhdoppojpmngadmnindnejefpokejbdd\">axe DevTools<\/a> A11y Testing Tool, 300k users<\/li>\n<li><a href=\"https:\/\/chromewebstore.google.com\/detail\/accessibility-insights-fo\/pbjjkligggfmakdaogkfomddhfmpjeni\">Accessibility Insights<\/a> A11y Testing Tool, 100k users<\/li>\n<li><a href=\"https:\/\/chromewebstore.google.com\/detail\/read-aloud-a-text-to-spee\/hdhinadidafjejdhmfkjgnolgimiaplp\">Read Aloud<\/a> Screen Reader (OS-based Screen Readers listed at the end of the post are better, though)<\/li>\n<li><a href=\"https:\/\/chromewebstore.googe.com\/detail\/headingsmap\/flbjommegcjonpdmenkdiocclhjacmbi\">HeadingsMap<\/a> (partially related to A11y, for heading structure)<\/li>\n<\/ul>\n<p><img decoding=\"async\" src=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/08\/chromium-extensions.png\" alt=\"My AA user&#039;s chromium extensions\" \/><\/p>\n<p>You may need to restart your browser for the just-added extensions to work.<\/p>\n<p><strong>Please note<\/strong> that three of them are used exclusively for A11y testing. Once you've found your favorite A11y weapon of choice, you might want to remove the other two. My personal preference will be mentioned below!<\/p>\n<h2>Automated Testing<\/h2>\n<h3>Identify issues and how to know what to fix<\/h3>\n<p>The A11y Testing Tools allow you to quickly and easily check things like the presence of alt text on an image or the contrast ratio of a text color. You can think of these tools as linters; they can recognize that alt text is present, but you must manually check that the content is logical and provides value.<\/p>\n<p>Some tools might find a lot of errors or warnings on your app or web property. Please don't feel overwhelmed in such a case and start improving your A11y step-by-step. Here is a customizable quick reference to <strong>Web Content Accessibility Guidelines (WCAG) 2.2<\/strong> requirements (success criteria) and techniques:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.w3.org\/WAI\/WCAG22\/quickref\/\">https:\/\/www.w3.org\/WAI\/WCAG22\/quickref\/<\/a><\/li>\n<\/ul>\n<p><img decoding=\"async\" src=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/08\/a11y-levels.png\" alt=\"\" \/><\/p>\n<p>You'll need to find a prioritization for your issues. The WCAG's levels (A, AA and AAA) will help you get started.<\/p>\n<p>Now, finally, the <strong>selection<\/strong> of my favorite Accessibility Testing Tools \ud83e\udd73<\/p>\n<h3>Angular ESLint (only for Angular apps)<\/h3>\n<p>You can use the Angular ESLint package to lint your code for automatable A11y attributes. In eslint.json, make sure to add the a11y ruleset plugin <a href=\"mailto:code&gt;@angular-eslint\/template\/accessibility&lt;\/code\">code>@angular-eslint\/template\/accessibility<\/code<\/a> to your HTML templates:<\/p>\n<pre><code class=\"language-js\">{\n  &quot;overrides&quot;: [\n    \/* [...] *\/\n    {\n      &quot;files&quot;: [&quot;*.html&quot;],\n      &quot;extends&quot;: [\n        &quot;plugin:@angular-eslint\/template\/recommended&quot;,\n        \/* add the following line *\/\n        &quot;plugin:@angular-eslint\/template\/accessibility&quot;\n      ],\n      &quot;rules&quot;: {\n         \/* [...] *\/\n      }\n    }\n  ]\n}<\/code><\/pre>\n<p>To add Angular ESLint to your own Angular app, simply run:<\/p>\n<pre><code class=\"language-shell\">ng add @angular-eslint\/schematics<\/code><\/pre>\n<p>Note: With the newest version, the plugin <a href=\"mailto:code&gt;@angular-eslint\/template\/accessibility&lt;\/code\">code>@angular-eslint\/template\/accessibility<\/code<\/a> is <strong>included by default<\/strong>.<\/p>\n<p>For more information, see the latest <a href=\"https:\/\/github.com\/angular-eslint\/angular-eslint\/tree\/main\/packages\/eslint-plugin-template\">Angular ESLint<\/a> rules on GitHub.<\/p>\n<h3>WAVE Chrome Extension<\/h3>\n<ol>\n<li>If you haven't done so already, install the <a href=\"https:\/\/chromewebstore.google.com\/detail\/wave-evaluation-tool\/jbbplnpkjmmeebjpijfedlgcdilocofh\">WAVE<\/a> Chrome extension.<\/li>\n<li>Click on the Wave icon to run the WAVE Ally test on the current page.<\/li>\n<\/ol>\n<p><img decoding=\"async\" src=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/08\/a11y-wave-extension.png\" alt=\"WAVE extension result\" \/><\/p>\n<h4>WAVE Web Service<\/h4>\n<p>If you want to check a public web property, you can also try the <a href=\"https:\/\/wave.webaim.org\/\">WAVE<\/a> Web Accessibility Evaluation Tool.<\/p>\n<h3>Axe Chrome Dev Tools<\/h3>\n<ol>\n<li>If you haven't done so already, install the <a href=\"https:\/\/chromewebstore.google.com\/detail\/axe-devtools-web-accessib\/lhdoppojpmngadmnindnejefpokejbdd\">axe DevTools<\/a> extension.<\/li>\n<li>Open your DevTools and select the axe DevTools tab.<\/li>\n<li>Click <code>Scan all of my page<\/code> to run an axe Ally scan on the current page.<\/li>\n<\/ol>\n<p><img decoding=\"async\" src=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/08\/a11y-axe-dev-tools.png\" alt=\"Axe Dev Tools result\" \/><\/p>\n<h3>Lighthouse Dev Tools<\/h3>\n<ol>\n<li>Open your DevTools and select the Lighthouse tab.<\/li>\n<li>The options <code>Navigation<\/code> and <code>Mobile<\/code> (or <code>Desktop<\/code>) are okay.<\/li>\n<li>Select the <code>Accessibility<\/code> checkbox and deselect all other checkboxes.<\/li>\n<li>Click <code>Generate report<\/code> to run a Lighthouse A11y audit.<\/li>\n<li>Check the results of your audit.<\/li>\n<\/ol>\n<p><img decoding=\"async\" src=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/08\/a11y-lighthouse.png\" alt=\"Lighthouse Dev Tools result\" \/><\/p>\n<h4>PageSpeed Insights Web Service<\/h4>\n<p>Note: For public properties, you can also use <a href=\"https:\/\/pagespeed.web.dev\/\">Google's PageSpeed Insights<\/a> to run the lighthouse A11y test.<\/p>\n<h3>Accessibility Insights Dev Tools<\/h3>\n<ol>\n<li>If you haven't done so already, install the <a href=\"https:\/\/chromewebstore.google.com\/detail\/accessibility-insights-fo\/pbjjkligggfmakdaogkfomddhfmpjeni\">Accessibility Insights<\/a> extension.<\/li>\n<li>Open it by clicking on the extension icon and selecting Accessibility Insights.<\/li>\n<li>Click <code>FastPass<\/code> to run a quick first test of your page.<\/li>\n<\/ol>\n<h3>Run A11y Tests<\/h3>\n<p>If you haven't done so already, run some automated tests on your machine now \ud83d\udcbb<\/p>\n<h2>Manual (Auditory) Testing<\/h2>\n<p>Besides manual testing, you want to do <strong>auditory accessibility tests<\/strong>. You want to turn on your machine's built-in screen reader and navigate through your (Angular) app with keyboard navigation.<\/p>\n<h3>Screen Reader<\/h3>\n<p>You can use any one of these screen readers:<\/p>\n<ul>\n<li><a href=\"https:\/\/nvda.bhvd.de\">NVDA<\/a> (Windows, free &amp; recommended for A11y testers)<\/li>\n<li>Jaws (Windows, expansive &amp; favorite choice of people with handicapped sight)<\/li>\n<li><a href=\"https:\/\/support.microsoft.com\/en-us\/windows\/complete-guide-to-narrator-e4397a0d-ef4f-b386-d8ae-c172f109bdb1\">Narrator<\/a> (Windows, built-in)<\/li>\n<li><a href=\"https:\/\/en.wikipedia.org\/wiki\/VoiceOver\">Voice Over<\/a> (Mac\/iOS, built-in but great)<\/li>\n<li><a href=\"https:\/\/support.google.com\/accessibility\/android\/answer\/6283677?hl=en&amp;sjid=14818511639127973246-EU\">Talkback<\/a> (Android, built-in but great)<\/li>\n<li><a href=\"https:\/\/www.a11yproject.com\/posts\/getting-started-with-orca\/\">Orca<\/a> (Linux, free)<\/li>\n<li><a href=\"https:\/\/chromewebstore.google.com\/detail\/read-aloud-a-text-to-spee\/hdhinadidafjejdhmfkjgnolgimiaplp\">Read Aloud<\/a> Chrome Extension (not so great, IMHO)<\/li>\n<\/ul>\n<h2>Accessibility Workshop<\/h2>\n<p>If you want to learn Angular, we offer a variety of workshops \u2013 both in English and German.<\/p>\n<ul>\n<li><a href=\"https:\/\/www.angulararchitects.io\/en\/training\/angular-accessibility-workshop\/\"><strong>Accessibility Workshop<\/strong><\/a> \u267f<\/li>\n<li><a href=\"https:\/\/www.angulararchitects.io\/en\/training\/angular-best-practices\/\"><strong>Best Practices Workshop<\/strong><\/a> \ud83d\udcc8 (including accessibility related topics)<\/li>\n<li><a href=\"https:\/\/www.angulararchitects.io\/en\/training\/angular-performance-optimization-workshop\/\"><strong>Performance Workshop<\/strong><\/a> \ud83d\ude80<\/li>\n<\/ul>\n<h2>Conclusion<\/h2>\n<p>Tools are always a matter of personal preference and taste. So, I'd like to invite you to try out some of the recommended tools and choose your own favorite one. Nevertheless, my favorite of all is the <strong><em>WAVE<\/em><\/strong> <a href=\"https:\/\/wave.webaim.org\/extension\/\">extension<\/a> and <a href=\"https:\/\/wave.webaim.org\/\">web service<\/a>. Happy testing!<\/p>\n<p>In the next edition of our <strong>A11y blog series<\/strong>, we'll show you how to use the <a href=\"https:\/\/www.angulararchitects.io\/en\/?p=29376\"><em>Angular Router<\/em><\/a> for better accessibility.<\/p>\n<p>This blog post was written by <a href=\"https:\/\/alex.thalhammer.name\">Alexander Thalhammer<\/a>. Follow me on <a href=\"https:\/\/at.linkedin.com\/in\/thalhammer\">Linkedin<\/a>, <a href=\"https:\/\/twitter.com\/LX_T\">X<\/a> or <a href=\"https:\/\/github.com\/L-X-T\">giThub<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This is post 2 of 6 in the series &ldquo;Accessibility in Angular&rdquo; Web Accessibility (A11y) in Angular \u2013 Introduction Accessibility Testing Tools for Angular Accessible Angular Routes ARIA roles and attributes in Angular Building Accessible Forms with Angular Why Angular ARIA in v21 is pretty neat Let me introduce you to my curated selection of [&hellip;]<\/p>\n","protected":false},"author":21,"featured_media":26482,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":""},"categories":[18],"tags":[],"class_list":["post-26486","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","post_series-accessibility-in-angular-en"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Accessibility Testing Tools for Angular - ANGULARarchitects<\/title>\n<meta name=\"description\" content=\"This blog post introduces you to my curated selection of Accessibility Testing Tools for Angular Apps.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.angulararchitects.io\/en\/blog\/accessibility-testing-tools\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Accessibility Testing Tools for Angular - ANGULARarchitects\" \/>\n<meta property=\"og:description\" content=\"This blog post introduces you to my curated selection of Accessibility Testing Tools for Angular Apps.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.angulararchitects.io\/en\/blog\/accessibility-testing-tools\/\" \/>\n<meta property=\"og:site_name\" content=\"ANGULARarchitects\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-24T11:00:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-06T06:30:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/03\/Blog-3.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Alexander Thalhammer\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/03\/Blog-3.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@LX_T\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alexander Thalhammer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/blog\/accessibility-testing-tools\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/blog\/accessibility-testing-tools\/\"},\"author\":{\"name\":\"Alexander Thalhammer\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#\/schema\/person\/eefb0cd4d115dfd406a02b6dbc760d45\"},\"headline\":\"Accessibility Testing Tools for Angular\",\"datePublished\":\"2025-03-24T11:00:56+00:00\",\"dateModified\":\"2025-04-06T06:30:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/blog\/accessibility-testing-tools\/\"},\"wordCount\":646,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/blog\/accessibility-testing-tools\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/08\/shutterstock_2476416761.jpg\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.angulararchitects.io\/en\/blog\/accessibility-testing-tools\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/blog\/accessibility-testing-tools\/\",\"url\":\"https:\/\/www.angulararchitects.io\/en\/blog\/accessibility-testing-tools\/\",\"name\":\"Accessibility Testing Tools for Angular - ANGULARarchitects\",\"isPartOf\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/blog\/accessibility-testing-tools\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/blog\/accessibility-testing-tools\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/08\/shutterstock_2476416761.jpg\",\"datePublished\":\"2025-03-24T11:00:56+00:00\",\"dateModified\":\"2025-04-06T06:30:12+00:00\",\"description\":\"This blog post introduces you to my curated selection of Accessibility Testing Tools for Angular Apps.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/blog\/accessibility-testing-tools\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.angulararchitects.io\/en\/blog\/accessibility-testing-tools\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/blog\/accessibility-testing-tools\/#primaryimage\",\"url\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/08\/shutterstock_2476416761.jpg\",\"contentUrl\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/08\/shutterstock_2476416761.jpg\",\"width\":1000,\"height\":667},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/blog\/accessibility-testing-tools\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.angulararchitects.io\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accessibility Testing Tools for Angular\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#website\",\"url\":\"https:\/\/www.angulararchitects.io\/en\/\",\"name\":\"ANGULARarchitects\",\"description\":\"AngularArchitects.io\",\"publisher\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.angulararchitects.io\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#organization\",\"name\":\"ANGULARarchitects\",\"alternateName\":\"SOFTWAREarchitects\",\"url\":\"https:\/\/www.angulararchitects.io\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/07\/AA-Logo-RGB-horizontal-inside-knowledge-black.svg\",\"contentUrl\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/07\/AA-Logo-RGB-horizontal-inside-knowledge-black.svg\",\"width\":644,\"height\":216,\"caption\":\"ANGULARarchitects\"},\"image\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/github.com\/angular-architects\",\"https:\/\/www.linkedin.com\/company\/angular-architects\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#\/schema\/person\/eefb0cd4d115dfd406a02b6dbc760d45\",\"name\":\"Alexander Thalhammer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/23f1b6f9b1ee7d04247b8320851762347d56c76b1537d100d07390d6d919b78d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/23f1b6f9b1ee7d04247b8320851762347d56c76b1537d100d07390d6d919b78d?s=96&d=mm&r=g\",\"caption\":\"Alexander Thalhammer\"},\"sameAs\":[\"https:\/\/x.com\/LX_T\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Accessibility Testing Tools for Angular - ANGULARarchitects","description":"This blog post introduces you to my curated selection of Accessibility Testing Tools for Angular Apps.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.angulararchitects.io\/en\/blog\/accessibility-testing-tools\/","og_locale":"en_US","og_type":"article","og_title":"Accessibility Testing Tools for Angular - ANGULARarchitects","og_description":"This blog post introduces you to my curated selection of Accessibility Testing Tools for Angular Apps.","og_url":"https:\/\/www.angulararchitects.io\/en\/blog\/accessibility-testing-tools\/","og_site_name":"ANGULARarchitects","article_published_time":"2025-03-24T11:00:56+00:00","article_modified_time":"2025-04-06T06:30:12+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/03\/Blog-3.jpg","type":"image\/jpeg"}],"author":"Alexander Thalhammer","twitter_card":"summary_large_image","twitter_image":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/03\/Blog-3.jpg","twitter_creator":"@LX_T","twitter_misc":{"Written by":"Alexander Thalhammer","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.angulararchitects.io\/en\/blog\/accessibility-testing-tools\/#article","isPartOf":{"@id":"https:\/\/www.angulararchitects.io\/en\/blog\/accessibility-testing-tools\/"},"author":{"name":"Alexander Thalhammer","@id":"https:\/\/www.angulararchitects.io\/en\/#\/schema\/person\/eefb0cd4d115dfd406a02b6dbc760d45"},"headline":"Accessibility Testing Tools for Angular","datePublished":"2025-03-24T11:00:56+00:00","dateModified":"2025-04-06T06:30:12+00:00","mainEntityOfPage":{"@id":"https:\/\/www.angulararchitects.io\/en\/blog\/accessibility-testing-tools\/"},"wordCount":646,"commentCount":0,"publisher":{"@id":"https:\/\/www.angulararchitects.io\/en\/#organization"},"image":{"@id":"https:\/\/www.angulararchitects.io\/en\/blog\/accessibility-testing-tools\/#primaryimage"},"thumbnailUrl":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/08\/shutterstock_2476416761.jpg","inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.angulararchitects.io\/en\/blog\/accessibility-testing-tools\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.angulararchitects.io\/en\/blog\/accessibility-testing-tools\/","url":"https:\/\/www.angulararchitects.io\/en\/blog\/accessibility-testing-tools\/","name":"Accessibility Testing Tools for Angular - ANGULARarchitects","isPartOf":{"@id":"https:\/\/www.angulararchitects.io\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.angulararchitects.io\/en\/blog\/accessibility-testing-tools\/#primaryimage"},"image":{"@id":"https:\/\/www.angulararchitects.io\/en\/blog\/accessibility-testing-tools\/#primaryimage"},"thumbnailUrl":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/08\/shutterstock_2476416761.jpg","datePublished":"2025-03-24T11:00:56+00:00","dateModified":"2025-04-06T06:30:12+00:00","description":"This blog post introduces you to my curated selection of Accessibility Testing Tools for Angular Apps.","breadcrumb":{"@id":"https:\/\/www.angulararchitects.io\/en\/blog\/accessibility-testing-tools\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.angulararchitects.io\/en\/blog\/accessibility-testing-tools\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.angulararchitects.io\/en\/blog\/accessibility-testing-tools\/#primaryimage","url":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/08\/shutterstock_2476416761.jpg","contentUrl":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/08\/shutterstock_2476416761.jpg","width":1000,"height":667},{"@type":"BreadcrumbList","@id":"https:\/\/www.angulararchitects.io\/en\/blog\/accessibility-testing-tools\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.angulararchitects.io\/en\/"},{"@type":"ListItem","position":2,"name":"Accessibility Testing Tools for Angular"}]},{"@type":"WebSite","@id":"https:\/\/www.angulararchitects.io\/en\/#website","url":"https:\/\/www.angulararchitects.io\/en\/","name":"ANGULARarchitects","description":"AngularArchitects.io","publisher":{"@id":"https:\/\/www.angulararchitects.io\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.angulararchitects.io\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.angulararchitects.io\/en\/#organization","name":"ANGULARarchitects","alternateName":"SOFTWAREarchitects","url":"https:\/\/www.angulararchitects.io\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.angulararchitects.io\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/07\/AA-Logo-RGB-horizontal-inside-knowledge-black.svg","contentUrl":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/07\/AA-Logo-RGB-horizontal-inside-knowledge-black.svg","width":644,"height":216,"caption":"ANGULARarchitects"},"image":{"@id":"https:\/\/www.angulararchitects.io\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/github.com\/angular-architects","https:\/\/www.linkedin.com\/company\/angular-architects\/"]},{"@type":"Person","@id":"https:\/\/www.angulararchitects.io\/en\/#\/schema\/person\/eefb0cd4d115dfd406a02b6dbc760d45","name":"Alexander Thalhammer","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.angulararchitects.io\/en\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/23f1b6f9b1ee7d04247b8320851762347d56c76b1537d100d07390d6d919b78d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/23f1b6f9b1ee7d04247b8320851762347d56c76b1537d100d07390d6d919b78d?s=96&d=mm&r=g","caption":"Alexander Thalhammer"},"sameAs":["https:\/\/x.com\/LX_T"]}]}},"_links":{"self":[{"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/posts\/26486","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/comments?post=26486"}],"version-history":[{"count":10,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/posts\/26486\/revisions"}],"predecessor-version":[{"id":29615,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/posts\/26486\/revisions\/29615"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/media\/26482"}],"wp:attachment":[{"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/media?parent=26486"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/categories?post=26486"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/tags?post=26486"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}