https://accessible-vue.com

Accessible Vue – The Why and How of building inclusive apps in Vue.jsGet started with Accessibility in Vue.js! Learn about core concepts of web app accessibility, tips & tricks, best practices strategies and and how to implement inclusive components in Vue 2 and 3.Accessible Vue – The Why and How of building inclusive apps in Vue.jsGet started with Accessibility in Vue.js!Learn about core concepts of web app accessibility, tips & tricks, best practices strategies and and how to implement inclusive components in Vue 2 and 3.Read the web versionGet the ebook for freeWhat will you learn?How and where to start your accessibility journeyWhat the most important building blocks and concepts of web app accessibility areHow to overcome typical web app issues regarding screen readers and keyboard usageHow to build accessible modals, tab widgets, off-canvas navigation and menusWhat to consider when implementing accessible routing in Single Page AppsHow to test your app for accessibilityFeatures 160+ links to resources, articles, in-depth materialCode examples for Vue 2 and Vue 3Available as HTML, PDF, ePUB, MOBIAbout the bookJavaScript frameworks have a reputation for poor accessibility. But is this an inherent problem of these tools?Can you build accessible sites and apps with Vue, React and Angular if you respect web app idiosyncrasies? I think so.Even more so, I think their component-based architecture, statefulness and related tooling can and should be used for "the good cause". In Accessible Vue, I gathered strategies, code snippets and and already inclusive component libraries I found when building accessible interfaces with my favorite framework, Vue.js.Hi, my name is Marcus Herrmann, I'm a freelance front-end developer and Web Accessibility Specialist (IAAP) from Berlin, Germany. Among my customers is ownCloud, and together we're building their new accessible web UI – in Vue.js, of course.You can find my blog at marcus.io, opens in a new tab and you can find me on Twitter @_marcusherrmann, opens in a new tab.Table Of ContentsChapter 0: About this bookWhat are the contents of this book?What are the limits of this book?Who is this book for?How do code examples in this book work?Who wrote this book?What can you expect from Accessible Vue?0Chapter 1: Cover accessibility basics firstWeb app accessibility is web accessibilityLaw of the instrumentThe sad status quoThe search for root causesWhere to start to make a changeAsk users, do User TestingA special look on screen-readersWeb app accessibility doesn't exist in a vacuum - learn about starting points of your journey of inclusive design.1Chapter 2: Basic web app accessibility conceptsDisclosure widgetsFocus managementModalityHiding and deactivating elements accessiblyLinks and ButtonsWAI-ARIA Authoring practicesModal? Inert? Disclosure Widget? Focus Management? ARIA-what? Get familiar with core concepts.2Chapter 3: Using Vue's strengthsConveying context with propsRequiring propsCircumventing Vue 2's one-root-element ruleFacilitate focus management with $refsVisibility helper componentsAccessible Base ComponentsLearn more about how to leverage Vue's API and component-based architecture for building apps for all.3Chapter 4: Make typical components accessibleModal dialogsSkip linksSlide-In NavigationMenusTab ComponentAside: Component librariesA deep dive into accessible modals, tab components, slide-in navigations and menus.4Chapter 5: Convey changes of state to screen-readersLive regionsAccessible routingLearn what a dynamic DOM means for screen reader users, and how to address it in your code.5Chapter 6: Testing for accessibilityAutomated tests are no miracle workersAccessibility Testing as educationLintingChecks in your browserUnit testsEnd-to-end, or inter-component testingThe most important testing of it allGet familiar with (dis)advantages of automated testing. And with the most important testing of all.6Chapter 7: Keep on learningFollow these peopleLook into ReactFollow the development of standardsJoin the accessibility communityOur tools evolve, and so should we. Read about exciting developments and which people to follow online.7Get the ebookGet the ebook for freeor pay what you wantDRM-free PDF, mobi, and epub formatsGet ebook on leanpub.com → , external link.Legal / Impressum , external linkMy blog, external linkHire me, external linkenen1730757661https://accessible-vue.com

Edit your site?

What are you doing?