Skip to content

Commit

Permalink
Integrate "Perspective Videos" directly into wai-website
Browse files Browse the repository at this point in the history
  • Loading branch information
remibetin committed Aug 19, 2024
1 parent bf89415 commit e29d079
Showing 51 changed files with 3,327 additions and 9 deletions.
2 changes: 2 additions & 0 deletions .github/labeler.yml
Original file line number Diff line number Diff line change
@@ -64,6 +64,8 @@ org-policies:
- wai-org-policies
people-use-web:
- wai-people-use-web
perspective-videos:
- wai-perspective-videos
planning-managing:
- wai-planning-managing
planning-policies:
8 changes: 0 additions & 8 deletions .gitmodules
Original file line number Diff line number Diff line change
@@ -6,14 +6,6 @@
path = _external/resources/wai-policies-prototype
url = https://github.com/w3c/wai-policies-prototype.git
branch = master
[submodule "_external/resources/wai-intro-accessibility"]
path = _external/resources/wai-intro-accessibility
url = https://github.com/w3c/wai-intro-accessibility.git
branch = gh-pages
[submodule "_external/resources/wai-perspective-videos"]
path = _external/resources/wai-perspective-videos
url = https://github.com/w3c/wai-perspective-videos.git
branch = master
[submodule "_external/resources/wai-easy-checks"]
path = _external/resources/wai-easy-checks
url = https://github.com/w3c/wai-easy-checks.git
1 change: 0 additions & 1 deletion collections/_perspective-videos

This file was deleted.

85 changes: 85 additions & 0 deletions collections/_perspective-videos/acknowledgements.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,85 @@
---
# Do not translate Acknowledgements

title: "Acknowledgements - Web Accessibility Perspectives Videos"
nav_title: "Acknowledgements"
lang: en
last_updated: 2019-01-22


github:
label: wai-perspective-videos

permalink: /perspective-videos/acknowledgements/
ref: /perspective-videos/acknowledgements/
nosidenav: true
image: /content-images/perspective-videos/overview.jpg

footer: >
<p><strong>Status:</strong> Updated 22 January 2019. <br><strong>Editor and project lead:</strong> <a href="https://www.w3.org/People/shadi">Shadi Abou-Zahra</a>. Developed by the <a href="https://www.w3.org/WAI/EO/">Education and Outreach Working Group (EOWG)</a> with support from the <a href="https://www.w3.org/WAI/DEV/">WAI-DEV project</a>, co-funded by the European Commission. Updated with support from the Ford Foundation.</p>
---

This [Web Accessibility Perspectives]({% link _perspective-videos/index.md %}) resource was developed by the [Education Outreach Working Group (EOWG)](https://www.w3.org/WAI/EO/) with support from the [WAI-DEV project](https://www.w3.org/WAI/DEV/), co-funded by the European Commission. Updated with support from the Ford Foundation.

Project Leadership
------------------

- **Editor and Project Lead:** [Shadi
Abou-Zahra](https://www.w3.org/People/shadi), W3C WAI
- **Task Force Participants:**
- [Shadi Abou-Zahra](https://www.w3.org/People/shadi), W3C WAI
- Brent Bakken, Pearson
- Adina Halter, Comcast
- **EOWG Co-Chairs:**
- Sharron Rush, Knowbility
- Brent Bakken, Pearson
- **EOWG Staff Contact:** [Shawn Lawton
Henry](https://www.w3.org/People/shawn), W3C WAI

Major Contributors
------------------

- Adina Halter, Comcast
- [Kevin White](https://www.w3.org/People/kevin), W3C WAI
- [Shawn Lawton Henry](https://www.w3.org/People/shawn), W3C WAI
- [Eric Eggert](https://www.w3.org/People/yatil), W3C WAI
- Sally Cain, RNIB

Contributing EOWG Participants
------------------------------

- Andrew Arch
- Anna Belle Leiserson
- Brent Bakken
- Caleb Watson
- David Berman
- Eric Eggert
- Kevin White
- George Heake
- Howard Kramer
- James Green
- Judy Brewer
- Laura Keen
- Lydia Harkey
- Paul Schantz
- Shadi Abou-Zahra
- Sharron Rush
- Shawn Lawton Henry
- Susan Hewitt
- Sylvie Duchateau
- Victoria Menezes Miller
- Wayne Dick

Special Thanks
--------------

- Alan Benson
- Artur Ortega
- Christiane Link
- Faezeh Seyedarabi
- Jeff Harvey
- Mercer HappyGuidedog
- Peter Janecek
- Sarah Bailey

Many thanks also to Claudia Lee, Rachel Siegel, and George Parkes.
151 changes: 151 additions & 0 deletions collections/_perspective-videos/captions.fr.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,151 @@
---
# Translation instructions are after the "#" character in this first section. They are comments that do not show up in the web page. You do not need to translate the instructions after #.
# In this first section, do not translate the words before a colon. For example, do not translate "title:". Do translate the text after "title:".

title: "Les sous-titres de vidéo"
nav_title: "Sous-titres de vidéo"
lang: fr
last_updated: 2023-10-12 # Put the date of this translation YYYY-MM-DD (with month in the middle)
order: 6

translators:
- name: "Sofia Ahmed"
- name: "Rémi Bétin"
contributors:
- name: "Sandra Velarde Gonzalez (ETNIC)"


github:
label: wai-perspective-videos

permalink: /perspective-videos/captions/fr # Add the language shortcode to the end, with no slash at the end. For example /path/to/file/fr
ref: /perspective-videos/captions/ # Do not change this

resource:
ref: /perspective-videos/ # Do not change this

acknowledgements: /perspective-videos/acknowledgements/ # Do not change this

description: Courte vidéo à propos des sous-titres de vidéos pour l’accessibilité Web - de quoi s’agit-il, qui en bénéficie, comment ils aident chacun, et comment mettre cela en pratique.
image: /content-images/perspective-videos/captions.jpg

# In the footer below:
# Do not change the dates
# Do not translate or change ACKNOWLEDGEMENTS
# Translate the other words below, including "Date:" and "Editor and project lead:"
# Translate the Working Group name. Leave the Working Group acronym in English.
footer: >
<p><strong>Statut :</strong> Mise à jour : 23 janvier 2019.</p>
<p><strong>Rédacteur et chef du projet : </strong> <a href="https://www.w3.org/People/shadi">Shadi Abou-Zahra</a>. ACKNOWLEDGEMENTS liste les contributions.
<p>Développé par le <a href="https://www.w3.org/WAI/EO/">Groupe de travail Éducation et Promotion</a> avec le soutien du projet <a href="https://www.w3.org/WAI/DEV/">WAI-DEV</a>, co-financé par la Commission européenne (CE). Mis à jour dans le cadre du projet <a href="https://www.w3.org/WAI/DEV/" lang="en">WAI Expanding Access Project</a>, soutenu par la Fondation Ford.</p>
---

L’accessibilité Web est essentielle pour les personnes en situation de handicap et utile à tous. Découvrez les effets de l’accessibilité et les bénéfices pour tous dans diverses situations.

## Vidéo sur les sous-titres de vidéo
{:#film.no-display}

{% include video-player-data.html
video-id="captions"
yt-id="iWO5N3n1DXU"
yt-id-ad="4qIordU8vT8"
%}

Les informations de cette vidéo sont disponibles sous forme de [Transcription avec description des visuels](#transcript) en bas de la page.

Qu’est-ce que des « sous-titres de vidéo » ? {#what}
-------------------------

Les sous-titres sont une version texte des informations audio d’une vidéo ou animation.
Cela inclut les mots prononcés, l’identification de qui parle lorsque ce n’est pas clair, et les sons importants comme la musique, les rires et les bruits. Les sous-titres doivent être synchronisés avec le contenu visuel pour les contextualiser.

Qui dépend de cette fonctionnalité ? {#who}
----------------------------

- Les personnes sourdes qui ne peuvent pas entendre l’audio.
- Les personnes malentendantes qui ne peuvent pas entendre certaines parties du contenu.
- Les personnes avec des troubles cognitifs et d’apprentissage qui ont besoin de voir et d’entendre le contenu pour mieux le comprendre.

Quels sont les autres bénéfices ? {#others}
---------------------------------

- Le contenu peut être utilisé dans des environnements bruyants où il n’est pas possible d’entendre l’audio.
- Le contenu peut être utilisé dans des environnements calmes où il n’est pas possible de mettre le son.
- Le contenu peut être mieux compris par des personnes qui, à la fois, écoutent et regardent l’information ; par exemple, des personnes qui maîtrisent moins la langue parlée.
- Le contenu peut être lu plutôt que visionné, ce qui est plus simple et plus rapide pour certaines personnes.
- Le contenu sous forme de texte, tel que les sous-titres et les transcriptions, peut être mieux indexé par les moteurs de recherche.
- Le contenu peut être utilisé sans nécessité de télécharger des fichiers vidéo ; par exemple, pour économiser des données mobiles.

Comment mettre cela en pratique ? {#action}
--------------------------------------

Les sous-titres doivent être disponibles à la fois pour les vidéos pré-enregistrées, et pour les vidéos en direct. Un logiciel de reconnaissance vocale peut aider à créer des sous-titres pour certains types de vidéos. Parfois, de tels logiciels de reconnaissance vocale sont intégrés à l’ordinateur ou au réseau social. Les sous-titres générés automatiquement nécessitent souvent une post-édition. Pour de nombreuses langues, il existe des services de sous-titrage, qui peuvent souvent être réalisés à distance.

Plus d’informations {#resources}
----------

- **Principes d’accessibilité :**
- [Sous-titres et autres alternatives pour le multimédia](/fundamentals/accessibility-principles/#captions)
- **Pour démarrer :**
- [Créez des transcriptions et des sous-titres pour les contenus multimédias](/tips/writing/#create-transcripts-and-captions-for-multimedia)
- **Vérification simple :**
- [Équivalents des contenus multimédia (vidéo, audio)](/test-evaluate/preliminary/#media)
- **Témoignage d’utilisateur :**
- [Martine, étudiante en ligne, malentendante](/people-use-web/user-stories/#onlinestudent)
- **Règles pour l’accessibilité des contenus Web ([Vue d’ensemble des WCAG](/standards-guidelines/wcag/)) :**
- [Critères de succès relatifs aux « sous-titres »](https://www.w3.org/WAI/WCAG21/quickref/?tags=captions)
- **Applicabilité mobile :**
- [Contenu multimédia sans sous-titres](https://www.w3.org/WAI/mobile/experiences.html#multimedia)

## Transcription avec audiodescription {#transcript}

<table>
<thead>
<tr>
<th width="65%">Audio</th>
<th>Visuel</th>
</tr>
</thead>
<tbody>
<tr>
<td>L’accessibilité Web illustrée : Sous-titres de vidéo</td>
<td>L’accessibilité Web illustrée : Sous-titres de vidéo</td>
</tr>
<tr>
<td>Une vidéo ne se résume pas à des images, le son est également impliqué. Sans l’audio, vous devriez deviner de quoi parle cette vidéo.</td>
<td>Un homme assis à son bureau commence à regarder une vidéo sur son ordinateur.<br></td>
</tr>
<tr>
<td>[aucun son]</td>
<td>La vidéo sur son ordinateur montre une personne qui parle à la caméra. Il n’y a pas d’audio.</td>
</tr>
<tr>
<td>Frustrant, n’est-ce pas ? De ne pas savoir ce qu’il se passe. C’est la situation que vivent toutes les personnes qui n’entendent pas.</td>
<td>L’homme qui regarde la vidéo a un appareil auditif.</td>
</tr>
<tr>
<td>Les sous-titres rendent les vidéos accessibles.</td>
<td>Il active les sous-titres de la vidéo.</td>
</tr>
<tr>
<td>C’est aussi pratique pour les personnes qui veulent regarder des vidéos dans un environnement bruyant.</td>
<td>Un autre homme regarde une vidéo sous-titrée avec un groupe de personnes en pleine discussion à côté de lui.</td>
</tr>
<tr>
<td>Ou là où il faut rester très, très silencieux.</td>
<td>Ils sont en fait dans une bibliothèque. La bibliothécaire fait signe au groupe de se taire.</td>
</tr>
<tr>
<td>L’accessibilité Web : essentielle pour certains, utile à tous.</td>
<td>La vidéo est à présent montrée avec des sous-titres.</td>
</tr>
<tr>
<td>Allez sur w3.org/WAI/perspectives pour plus d’informations concernant <em>Sous-titres de vidéo</em></td>
<td>Allez sur<br>
w3.org/WAI/perspectives<br>
pour plus d’information concernant<br>
<em>Sous-titres de vidéo</em>. <br>
Logo de l’Initiative pour l’accessibilité du Web du W3C</td>
</tr>
</tbody>
</table>
Loading

0 comments on commit e29d079

Please sign in to comment.