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!