All Projects → vue-a11y → vue-vlibras

vue-a11y / vue-vlibras

Licence: MIT license
Componente Vue.js que ajuda você a implementar o VLibras no seu site

Programming Languages

javascript
184084 projects - #8 most used programming language
Vue
7211 projects

Projects that are alternatives of or similar to vue-vlibras

TecladoLibras
No description or website provided.
Stars: ✭ 24 (+26.32%)
Mutual labels:  libras, acessibilidade
csvConf2021
Data visualization accessibility talk for csv,conf,v6 (2021)
Stars: ✭ 19 (+0%)
Mutual labels:  a11y
accessible-forms
A series of HTML test cases to determine how specific elements are announced in different screen reader / browser combinations.
Stars: ✭ 159 (+736.84%)
Mutual labels:  a11y
rci
🔢 better code inputs for react/web
Stars: ✭ 805 (+4136.84%)
Mutual labels:  a11y
inclusive-elements
Accessible, lightweight, unstyled implementations of common UI controls.
Stars: ✭ 17 (-10.53%)
Mutual labels:  a11y
svelte-accessible-dialog
An accessible dialog component for Svelte apps
Stars: ✭ 24 (+26.32%)
Mutual labels:  a11y
sa11y
Sa11y is an accessibility quality assurance tool that visually highlights common accessibility and usability issues. Geared towards content authors, Sa11y straightforwardly identifies errors or warnings at the source with a simple tooltip on how to fix them.
Stars: ✭ 137 (+621.05%)
Mutual labels:  a11y
evaluatory
Web page evaluation with a focus on accessibility
Stars: ✭ 57 (+200%)
Mutual labels:  a11y
axe-playwright
♿: Custom commands for Playwright to run accessibility (a11y) checks with axe-core
Stars: ✭ 88 (+363.16%)
Mutual labels:  a11y
a11y breadcrumbs
Accessible breadcrumb pattern
Stars: ✭ 44 (+131.58%)
Mutual labels:  a11y
tinymce-a11y-checker
An accessibility checker plugin for TinyMCE.
Stars: ✭ 20 (+5.26%)
Mutual labels:  a11y
focus-trap-vue
Vue component to trap the focus within a DOM element
Stars: ✭ 156 (+721.05%)
Mutual labels:  a11y
aria-collapsible
A lightweight, dependency-free JavaScript module for generating progressively-enhanced collapsible regions using ARIA States and Properties.
Stars: ✭ 25 (+31.58%)
Mutual labels:  a11y
van11y-accessible-simple-tooltip-aria
ES2015 accessible simple tooltip, using ARIA
Stars: ✭ 22 (+15.79%)
Mutual labels:  a11y
use-prefers-color-scheme
🪝 React hook for subscribing to user's color scheme preference.
Stars: ✭ 28 (+47.37%)
Mutual labels:  a11y
auto-vo
Screen reader automation tools by AccessLint, including VoiceOver.js and Auto-VO
Stars: ✭ 118 (+521.05%)
Mutual labels:  a11y
tablist
WAI-ARIA tab plugin without dependencies.
Stars: ✭ 21 (+10.53%)
Mutual labels:  a11y
resources
Learning resources to develop skills across the frontend and related areas. PR's are welcome!
Stars: ✭ 12 (-36.84%)
Mutual labels:  a11y
ckeditor4-plugin-a11ychecker
Accessibility checker for CKEditor 4
Stars: ✭ 17 (-10.53%)
Mutual labels:  a11y
a11y-components
No description or website provided.
Stars: ✭ 32 (+68.42%)
Mutual labels:  a11y

vlibras

Componente Vue.js que ajuda você a implementar o VLibras no seu site.

Esse componente segue os padrões fornecidos na documentação do vlibras.

Os surdos enfrentam bastante dificuldade para ler, escrever e se comunicar na língua oral do seu país. Dessa forma, para tentar reduzir esses problemas, o objetivo da ferramenta computacional de código aberto, denominada VLibras Widget, consiste em traduzir conteúdos do Português Brasileiro para a Língua Brasileira de Sinais (LIBRAS), tornando websites acessíveis a pessoas surdas. -- Visão geral vlibras

Instalação

npm install -S @vue-a11y/vlibras
# or
yarn add @vue-a11y/vlibras

Como usar

No seu App.vue

<template>
  <div id="app">
    <!-- header, navigation, and more -->
    <main id="main">
      <!-- content -->
    </main>
    <VLibras />
  </div>
</template>

<script>
import { VLibras } from '@vue-a11y/vlibras'

export default {
  name: 'App'
  components: {
    VLibras
  },
  //...
}
</script>

Contribuindo

  • De erros de digitação na documentação à codificação de novos recursos;
  • Verifique os issue em aberto ou abra um novo issue para iniciar uma discussão sobre sua ideia de recurso ou o bug que você encontrou;
  • Dê um fork no repositório, fazendo as alterações e enviando um PR;

Nos siga no Twitter @vue_a11y

Obrigado por usar e fazer a web mais acessível

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].