Code Monkey home page Code Monkey logo

escapegamea11y's Introduction

EscapeGameA11y

URL de l'escape game : https://damiengomez.github.io/EscapeGameA11y/0-start.html

pour transmettre le lien

Utilisation du service ouvaton.link (raccourcisseur d'url) héberger par ouvaton.coop.

Notre url courte est donc https://ouvaton.link/KNSw14

Sur cette page : https://ouvaton.link/ On y trouvera également un QRCode et des statistiques d'utilisation du lien.

Description

Le site comportera 12 pages : (5 pages de description de l'énigme à venir et 6 pages comprennant le contenu et les énigmes)

Introduction

1 - description

Cet escape game a pour objectif de vous offrir une expérience immersive et sensibilisant les participants aux défis auxquels sont confrontées les personnes en situation de handicap numérique. Vous serez plongés dans un scénario où vous incarnerez un personnage ayant des limitations technologiques et devant résoudre des énigmes spécialement conçues pour simuler les difficultés rencontrées dans le monde numérique. Ici, les joueurs devront naviguer à travers des interfaces numériques, surmonter des obstacles liés à l'accessibilité et résoudre des casse-tête pour avancer dans le jeu.

Pour accéder à l'étape suivante, cliquez sur le lien ici.

Visuel

2 - description

Handicap ciblé : Handicap visuel

2.1 - simulation

Objectif :

  • Naviguer et remplir des champs de formulaire sur un écran totalement noir avec pour seul indice le nom accessible des éléments
  • Problèmes de label non lié programmatiquement aux champs de formulaire etc.

Auditif

3 - description

Handicap ciblé : Handicap auditif

3.1 - simulation

Objectif :

  • L’utilisateur doit récupérer de l’information , via une vidéo sans audio,
  • Nudge pour augmenter la difficulté

Cognitif

4 - description

Handicap ciblé : Handicap cognitif

4.1 - simulation

Objectif :

  • Trouver des valeurs à entrer dans des inputs dans une page de texte
  • Jouer sur la police de caractère et les problèmes d’alignement
  • Pop-up intrusives pour gêner l’utilisateur.

Moteur

5 - description

Handicap ciblé : Handicap moteur

5.1 - simulation

Objectif :

  • L’utilisateur devra faire un parcour avec une souris qui tremble et qui saccade

File structure

|---assets
|   |---css
|   |---fonts
|   |---images
|   |---js
|---Start.html (accueil)
|---1 - introduction.html
|---1.1 - simulation.html
|---2 - handicap-visuel.html
|---2.1 - simulation.html
|---3 - handicap-auditif.html
|---3.1 - simulation.html
|---4 - handicap-cognitif.html
|---4.1 - simulation.html
|---5 - handicap-moteur.html
|---5.1 - simulation.html

escapegamea11y's People

Contributors

gomezdamien avatar damiengomez avatar paranos avatar zougane avatar stanlee974 avatar aniort avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.