Skip to content

Projeto com foco em acessibilidade, navegação em elementos com foco em acessibilidade

Notifications You must be signed in to change notification settings

Front-LucasRibeiro/acessibilidade-vidflow

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Imagem de capa do curso. O título é "3486 - Acessibilidade em HTML, CSS e JavaScript" e o subtítulo é "Avaliando e melhorando um projeto com o NVDA".

VidFlow

O VidFlow é uma plataforma de compartilhamento de vídeos.

Captura de tela do Vidflow.

🔨 Funcionalidades do projeto

Atualmente, o projeto base já está pronto: os vídeos são buscados de uma API, possui modo escuro e os botões interativos funcionam.

No entanto, o projeto possui problemas de acessibilidade, e iremos utilizar o NVDA para indetificá-los e corrigi-los.

✔️ Técnicas e tecnologias utilizadas

  • HTML, CSS e JavaScript
  • JSON Server

Link do Figma

Acesse o Figma do Vidflow.

🛠️ Abrir e rodar o projeto

Após baixar ou clonar o projeto deste repositório, você precisa ter o Node.js e o json-server instalados.

Caso não tenha o json-server instalado globalmente, execute o seguinte comando:

npm install -g json-server@0.17.4

Com o Node.js e o json-server instalados, execute o seguinte comando para disponibilizar a API local de vídeos:

json-server --watch backend/videos.json

Em seguida, abra o index.html no navegador e o VidFlow já pode ser visualizado!

About

Projeto com foco em acessibilidade, navegação em elementos com foco em acessibilidade

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published