From cf4aaf45a6225be0f9022964a7eb4bd3dde765b8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?R=C3=A9mi=20B=C3=A9tin?= Date: Tue, 13 Aug 2024 11:26:08 +0200 Subject: [PATCH] Make "How People with Disabilities Use the Web" ready for translations (#594) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * Make "How People with Disabilities Use the Web" ready for translations * HPwDUTW – Use HTTPS * Add translation instructions in frontmatter --- .../people-use-web/abilities-barriers.md | 28 ++++----- .../abilities-barriers/auditory.md | 11 ++-- .../abilities-barriers/cognitive.md | 12 ++-- .../abilities-barriers/physical.md | 10 +-- .../abilities-barriers/speech.md | 9 +-- .../abilities-barriers/visual.md | 9 +-- .../people/people-use-web/acknowledgements.md | 6 +- .../people/people-use-web/index.md | 16 ++--- .../people/people-use-web/tools-techniques.md | 23 +++---- .../people-use-web/tools-techniques/input.md | 11 ++-- .../tools-techniques/navigation.md | 9 +-- .../tools-techniques/perception.md | 9 +-- .../tools-techniques/presentation.md | 9 +-- .../people/people-use-web/user-stories.md | 8 +-- .../user-stories/story-eight.md | 54 ++++++++-------- .../people-use-web/user-stories/story-five.md | 39 ++++++------ .../people-use-web/user-stories/story-four.md | 30 ++++----- .../people-use-web/user-stories/story-nine.md | 61 ++++++++++--------- .../people-use-web/user-stories/story-one.md | 41 +++++++------ .../user-stories/story-seven.md | 43 ++++++------- .../people-use-web/user-stories/story-six.md | 29 ++++----- .../user-stories/story-three.md | 44 ++++++------- .../people-use-web/user-stories/story-two.md | 44 ++++++------- 23 files changed, 281 insertions(+), 274 deletions(-) diff --git a/pages/fundamentals/people/people-use-web/abilities-barriers.md b/pages/fundamentals/people/people-use-web/abilities-barriers.md index 0993f758da5..1523ca26c64 100644 --- a/pages/fundamentals/people/people-use-web/abilities-barriers.md +++ b/pages/fundamentals/people/people-use-web/abilities-barriers.md @@ -27,8 +27,8 @@ navigation: next: /people-use-web/abilities-barriers/auditory/ image: /content-images/people-use-web/social.png -changelog: /people-use-web/changelog/ -acknowledgements: /people-use-web/acknowledgements/ +changelog: /people-use-web/changelog/ # Do not change this +acknowledgements: /people-use-web/acknowledgements/ # Do not change this # In the footer below: # Do not change the dates @@ -39,7 +39,7 @@ footer: >

Date: Updated 25 June 2024. First published as a draft in 1999.

Editor: Shadi Abou-Zahra. Previous editor: Judy Brewer. Contributors listed in ACKNOWLEDGEMENTS.

-

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

+

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

--- {% include_cached blockquote.html class="pull alt-2" content="

Accessibility: It's about people

" %} @@ -60,18 +60,18 @@ There are many reasons why people may be experiencing varying degrees of auditor Each individual is unique. People have diverse abilities, skills, tools, preferences, and expectations that can impact how they use the digital technology. For instance, consider the following aspects: -- **Age-related impairments:**{:#ageing} People with age-related impairments often have the same functional requirements as other people with disabilities. However, their use of digital technology and adoption of assistive technologies may differ. -- **Multiple disabilities:**{:#combined} Some people have combinations of different kinds of disabilities, which may limit their approaches for interacting with digital technology. For example, someone who is deaf and has low vision might benefit from captions for audio, but only if these captions have adjustable size and color. -- **Health conditions:**{:#health} Some people have health conditions that may affect their stamina, dexterity, or concentration. For instance, some may experience fatigue, pain, or other symptoms that could have an impact on their physical use of the computer or limit the duration or extent of their use of digital technology. -- **Changing abilities:**{:#changing} Some people may be experiencing progressive or recurring functional limitations that impact their use of digital technology differently at different times. For example, some may need particular accessibility features on one day, and others or none on another day, depending on their condition. -- **Temporary impairments:**{:#temporary} Some people may be experiencing temporary impairments such as those that may occur due to an accident, surgery, or medication. They may not know about accessibility solutions, may not know how to use accessibility features, and may be unaware of their needs. -- **Situational limitations:**{:#situational} Some people may be experiencing constraints due to their surrounding or due to other situational aspects. For example, they may be in a loud environment and unable to hear audio, in bright sunlight and unable to see a screen, or they may not be able to afford some technologies. +- **Age-related impairments:**{:#ageing} People with age-related impairments often have the same functional requirements as other people with disabilities. However, their use of digital technology and adoption of assistive technologies may differ. +- **Multiple disabilities:**{:#combined} Some people have combinations of different kinds of disabilities, which may limit their approaches for interacting with digital technology. For example, someone who is deaf and has low vision might benefit from captions for audio, but only if these captions have adjustable size and color. +- **Health conditions:**{:#health} Some people have health conditions that may affect their stamina, dexterity, or concentration. For instance, some may experience fatigue, pain, or other symptoms that could have an impact on their physical use of the computer or limit the duration or extent of their use of digital technology. +- **Changing abilities:**{:#changing} Some people may be experiencing progressive or recurring functional limitations that impact their use of digital technology differently at different times. For example, some may need particular accessibility features on one day, and others or none on another day, depending on their condition. +- **Temporary impairments:**{:#temporary} Some people may be experiencing temporary impairments such as those that may occur due to an accident, surgery, or medication. They may not know about accessibility solutions, may not know how to use accessibility features, and may be unaware of their needs. +- **Situational limitations:**{:#situational} Some people may be experiencing constraints due to their surrounding or due to other situational aspects. For example, they may be in a loud environment and unable to hear audio, in bright sunlight and unable to see a screen, or they may not be able to afford some technologies. Digital technology designed for people with a broad range of abilities benefits everyone, including people without disabilities. It is, therefore, important to consider the broad diversity of functional needs rather than categorize people according to medical classifications. ## More on diverse abilities and barriers: -- [Auditory](/people-use-web/abilities-barriers/auditory/) -- [Cognitive and learning](/people-use-web/abilities-barriers/cognitive/) -- [Physical](/people-use-web/abilities-barriers/physical/) -- [Speech](/people-use-web/abilities-barriers/speech/) -- [Visual](/people-use-web/abilities-barriers/visual/) +- [[Auditory]](/people-use-web/abilities-barriers/auditory/) +- [[Cognitive and learning]](/people-use-web/abilities-barriers/cognitive/) +- [[Physical]](/people-use-web/abilities-barriers/physical/) +- [[Speech]](/people-use-web/abilities-barriers/speech/) +- [[Visual]](/people-use-web/abilities-barriers/visual/) diff --git a/pages/fundamentals/people/people-use-web/abilities-barriers/auditory.md b/pages/fundamentals/people/people-use-web/abilities-barriers/auditory.md index 32c96b14e7f..3b8be543b69 100644 --- a/pages/fundamentals/people/people-use-web/abilities-barriers/auditory.md +++ b/pages/fundamentals/people/people-use-web/abilities-barriers/auditory.md @@ -32,8 +32,8 @@ parent_in_h1: name: nav_title image: /content-images/people-use-web/social.png -changelog: /people-use-web/changelog/ -acknowledgements: /people-use-web/acknowledgements/ +changelog: /people-use-web/changelog/ # Do not change this +acknowledgements: /people-use-web/acknowledgements/ # Do not change this # In the footer below: # Do not change the dates @@ -44,7 +44,7 @@ footer: >

Note about video description: The video on this page does not include synchronized audio description because the visuals only illustrate the audio and do not provide additional information. In this case, audio description would be more distracting than useful to most people, including people who cannot see the visuals. Description of visual information is available in the Text Transcript with Description of Visuals (“descriptive transcript”).

Date: Updated 25 June 2024. First published as a draft in 1999.

Editor: Shadi Abou-Zahra. Previous editor: Judy Brewer. Contributors listed in ACKNOWLEDGEMENTS.

-

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

+

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

--- {::nomarkdown} @@ -171,19 +171,18 @@ For some people with auditory disabilities, sign language is the primary languag - [Dhruv, older adult student who is deaf](/people-use-web/user-stories/story-six/) - [Marta, marketing assistant who is deaf and blind](/people-use-web/user-stories/story-seven/) - {% include excol.html type="start" id="video-transcript" %} ## Video: Diverse Abilities and Barriers - Auditory {#accessible-video} {% include excol.html type="middle" %} - {% include video-player-data.html video-id="abilities-barriers_auditory" yt-id="WZ4J8tKQ-Kw" %} -

This video is also available on a W3C server: Video: Diverse Abilities and Barriers - Auditory (file format: MP4, file size: 362MB).

+ +_This video is also available on a W3C server: [Video: Diverse Abilities and Barriers - Auditory (file format: MP4, file size: 362MB)](https://media.w3.org/wai/people-use-web/abilities-barriers_auditory.mp4)._ ### Text Transcript with Description of Visuals {#transcript} diff --git a/pages/fundamentals/people/people-use-web/abilities-barriers/cognitive.md b/pages/fundamentals/people/people-use-web/abilities-barriers/cognitive.md index d73d9e20267..0c5b3d84559 100644 --- a/pages/fundamentals/people/people-use-web/abilities-barriers/cognitive.md +++ b/pages/fundamentals/people/people-use-web/abilities-barriers/cognitive.md @@ -32,8 +32,8 @@ parent_in_h1: name: nav_title image: /content-images/people-use-web/social.png -changelog: /people-use-web/changelog/ -acknowledgements: /people-use-web/acknowledgements/ +changelog: /people-use-web/changelog/ # Do not change this +acknowledgements: /people-use-web/acknowledgements/ # Do not change this # In the footer below: # Do not change the dates @@ -44,7 +44,7 @@ footer: >

Note about video description: The video on this page does not include synchronized audio description because the visuals only illustrate the audio and do not provide additional information. In this case, audio description would be more distracting than useful to most people, including people who cannot see the visuals. Description of visual information is available in the Text Transcript with Description of Visuals (“descriptive transcript”).

Date: Updated 25 June 2024. First published as a draft in 1999.

Editor: Shadi Abou-Zahra. Previous editor: Judy Brewer. Contributors listed in ACKNOWLEDGEMENTS.

-

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

+

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

--- {::nomarkdown} @@ -138,7 +138,6 @@ Cognitive and learning disabilities affect how people store, retrieve, or use in **Note:** The examples given in this section are not a complete list of all disabilities or barriers. - ## Introduction Cognitive and learning disabilities is an umbrella term for a large spectrum of differences and disabilities. They may affect the ability to: @@ -204,12 +203,13 @@ People with cognitive and learning disabilities may use different types of brows {% include excol.html type="middle" %} - {% include video-player-data.html video-id="abilities-barriers_cognitive" yt-id="4UaUSbyVFjk" %} -

This video is also available on a W3C server: Video: Diverse Abilities and Barriers - Cognitive (file format: MP4, file size: 321MB).

+ +_This video is also available on a W3C server: [Video: Diverse Abilities and Barriers - Cognitive (file format: MP4, file size: 321MB)](https://media.w3.org/wai/people-use-web/abilities-barriers_cognitive.mp4)._ + ### Text Transcript with Description of Visuals {#transcript} | Audio | Visual | diff --git a/pages/fundamentals/people/people-use-web/abilities-barriers/physical.md b/pages/fundamentals/people/people-use-web/abilities-barriers/physical.md index af873c842d6..dbc0f6311b4 100644 --- a/pages/fundamentals/people/people-use-web/abilities-barriers/physical.md +++ b/pages/fundamentals/people/people-use-web/abilities-barriers/physical.md @@ -32,8 +32,8 @@ navigation: next: /people-use-web/abilities-barriers/speech/ image: /content-images/people-use-web/social.png -changelog: /people-use-web/changelog/ -acknowledgements: /people-use-web/acknowledgements/ +changelog: /people-use-web/changelog/ # Do not change this +acknowledgements: /people-use-web/acknowledgements/ # Do not change this # In the footer below: # Do not change the dates @@ -44,7 +44,7 @@ footer: >

Note about video description: The video on this page does not include synchronized audio description because the visuals only illustrate the audio and do not provide additional information. In this case, audio description would be more distracting than useful to most people, including people who cannot see the visuals. Description of visual information is available in the Text Transcript with Description of Visuals (“descriptive transcript”).

Date: Updated 25 June 2024. First published as a draft in 1999.

Editor: Shadi Abou-Zahra. Previous editor: Judy Brewer. Contributors listed in ACKNOWLEDGEMENTS.

-

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

+

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

--- {::nomarkdown} @@ -190,7 +190,9 @@ People with physical disabilities may have trouble clicking small areas and are video-id="abilities-barriers_physical" yt-id="z_5l75rksSA" %} -

This video is also available on a W3C server: Video: Diverse Abilities and Barriers - Physical (file format: MP4, file size: 277MB).

+ + +_This video is also available on a W3C server: [Video: Diverse Abilities and Barriers - Physical (file format: MP4, file size: 277MB)](https://media.w3.org/wai/people-use-web/abilities-barriers_physical.mp4)._ ### Text Transcript with Description of Visuals {#transcript} diff --git a/pages/fundamentals/people/people-use-web/abilities-barriers/speech.md b/pages/fundamentals/people/people-use-web/abilities-barriers/speech.md index a2fae72063e..db1191b6290 100644 --- a/pages/fundamentals/people/people-use-web/abilities-barriers/speech.md +++ b/pages/fundamentals/people/people-use-web/abilities-barriers/speech.md @@ -32,8 +32,8 @@ navigation: next: /people-use-web/abilities-barriers/visual/ image: /content-images/people-use-web/social.png -changelog: /people-use-web/changelog/ -acknowledgements: /people-use-web/acknowledgements/ +changelog: /people-use-web/changelog/ # Do not change this +acknowledgements: /people-use-web/acknowledgements/ # Do not change this # In the footer below: # Do not change the dates @@ -44,7 +44,7 @@ footer: >

Note about video description: The video on this page does not include synchronized audio description because the visuals only illustrate the audio and do not provide additional information. In this case, audio description would be more distracting than useful to most people, including people who cannot see the visuals. Description of visual information is available in the Text Transcript with Description of Visuals (“descriptive transcript”).

Date: Updated 25 June 2024. First published as a draft in 1999.

Editor: Shadi Abou-Zahra. Previous editor: Judy Brewer. Contributors listed in ACKNOWLEDGEMENTS.

-

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

+

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

--- {::nomarkdown} @@ -167,7 +167,8 @@ People with speech disabilities encounter barriers with voice-based services, su video-id="abilities-barriers_speech" yt-id="oFF0lbRskKg" %} -

This video is also available on a W3C server: Video: Diverse Abilities and Barriers - Speech (file format: MP4, file size: 199MB).

+ +_This video is also available on a W3C server: [Video: Diverse Abilities and Barriers - Speech (file format: MP4, file size: 199MB)](https://media.w3.org/wai/people-use-web/abilities-barriers_speech.mp4)._ ### Text Transcript with Description of Visuals {#transcript} diff --git a/pages/fundamentals/people/people-use-web/abilities-barriers/visual.md b/pages/fundamentals/people/people-use-web/abilities-barriers/visual.md index d2865901aef..bc61936c6e0 100644 --- a/pages/fundamentals/people/people-use-web/abilities-barriers/visual.md +++ b/pages/fundamentals/people/people-use-web/abilities-barriers/visual.md @@ -31,8 +31,8 @@ navigation: previous: /people-use-web/abilities-barriers/speech/ image: /content-images/people-use-web/social.png -changelog: /people-use-web/changelog/ -acknowledgements: /people-use-web/acknowledgements/ +changelog: /people-use-web/changelog/ # Do not change this +acknowledgements: /people-use-web/acknowledgements/ # Do not change this # In the footer below: # Do not change the dates @@ -43,7 +43,7 @@ footer: >

Note about video description: The video on this page does not include synchronized audio description because the visuals only illustrate the audio and do not provide additional information. In this case, audio description would be more distracting than useful to most people, including people who cannot see the visuals. Description of visual information is available in the Text Transcript with Description of Visuals (“descriptive transcript”).

Date: Updated 25 June 2024. First published as a draft in 1999.

Editor: Shadi Abou-Zahra. Previous editor: Judy Brewer. Contributors listed in ACKNOWLEDGEMENTS.

-

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

+

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

--- {::nomarkdown} @@ -192,7 +192,8 @@ Some people are only seeing small portions of the content at a time or are perce video-id="abilities-barriers_visual" yt-id="bm8h1p9knzY" %} -

This video is also available on a W3C server: Video: Diverse Abilities and Barriers - Visual (file format: MP4, file size: 318MB).

+ +_This video is also available on a W3C server: [Video: Diverse Abilities and Barriers - Visual (file format: MP4, file size: 318MB)](https://media.w3.org/wai/people-use-web/abilities-barriers_visual.mp4)._ ### Text Transcript with Description of Visuals {#transcript} diff --git a/pages/fundamentals/people/people-use-web/acknowledgements.md b/pages/fundamentals/people/people-use-web/acknowledgements.md index 8c7b0d5918a..fbf7c4c6e1a 100644 --- a/pages/fundamentals/people/people-use-web/acknowledgements.md +++ b/pages/fundamentals/people/people-use-web/acknowledgements.md @@ -13,7 +13,7 @@ resource: ref: /people-use-web/ --- -How People with Disabilities Use the Web was developed by the Education and Outreach Working Group ([EOWG](http://www.w3.org/WAI/EO/)) with support from the [WAI-Guide Project](https://www.w3.org/WAI/about/projects/wai-guide/) and [WAI-AGE Project](https://www.w3.org/WAI/WAI-AGE/) co-funded by the European Commission (EC). +How People with Disabilities Use the Web was developed by the Education and Outreach Working Group ([EOWG](https//www.w3.org/WAI/EO/)) with support from the [WAI-Guide Project](/about/projects/wai-guide/) and [WAI-AGE Project](https://www.w3.org/WAI/WAI-AGE/) co-funded by the European Commission (EC). ## 2021-2024 Updates @@ -37,7 +37,7 @@ Additional contributors: - Mark Palmer - Shawn Lawton Henry - and participants of the -[Education and Outreach Working Group (EOWG)](http://www.w3.org/WAI/EO/) +[Education and Outreach Working Group (EOWG)](https//www.w3.org/WAI/EO/) EOWG leadership: - Co-Chairs during this revision: Brent Bakken (Pearson), Brian Elton (TPGi), Kris Anne Kinney (ETS), Sharron Rush (Knowbility) @@ -51,7 +51,7 @@ Editors: Contributors: Brent Bakken, Eric Eggert, Robert Jolly, Laura Keen, Kris Anne Kinney, Howard Kramer, Shawn Lawton Henry, Sharron Rush, and participants of the -[Education and Outreach Working Group (EOWG)](http://www.w3.org/WAI/EO/). +[Education and Outreach Working Group (EOWG)](https//www.w3.org/WAI/EO/). ## Previous drafts diff --git a/pages/fundamentals/people/people-use-web/index.md b/pages/fundamentals/people/people-use-web/index.md index c139d87d156..78fcfc94004 100644 --- a/pages/fundamentals/people/people-use-web/index.md +++ b/pages/fundamentals/people/people-use-web/index.md @@ -27,8 +27,8 @@ resource: ref: /people-use-web/ image: /content-images/people-use-web/social.png -changelog: /people-use-web/changelog/ -acknowledgements: /people-use-web/acknowledgements/ +changelog: /people-use-web/changelog/ # Do not change this +acknowledgements: /people-use-web/acknowledgements/ # Do not change this # In the footer below: # Do not change the dates @@ -38,7 +38,7 @@ acknowledgements: /people-use-web/acknowledgements/ footer: >

Date: Updated 25 June 2024. First posted as a draft in 1999.

Editor: Shadi Abou-Zahra. Previous editor: Judy Brewer. See ACKNOWLEDGEMENTS for additional editors and contributors.

-

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

+

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

--- {% include_cached blockquote.html class="pull alt-2" content="

Accessibility: It's about people

" %} @@ -52,11 +52,11 @@ This resource introduces how disabled people use the web, including people with ## Sections in this resource -- **[[Stories of Web Users]](/people-use-web/user-stories/)** (also called "personas") — represent the experiences of people with different disabilities. -- **[[Diverse Abilities and Barriers]](/people-use-web/abilities-barriers/)** — introduces the wide diversity of abilities and highlights some accessibility barriers that people experience because of inaccessible digital technology. -- **[[Tools and Techniques]](/people-use-web/tools-techniques/)** — covers the tools and techniques that disabled people use to interact with digital technology. +- **[[Stories of Web Users]](/people-use-web/user-stories/)** (also called "personas") — represent the experiences of people with different disabilities. +- **[[Diverse Abilities and Barriers]](/people-use-web/abilities-barriers/)** — introduces the wide diversity of abilities and highlights some accessibility barriers that people experience because of inaccessible digital technology. +- **[[Tools and Techniques]](/people-use-web/tools-techniques/)** — covers the tools and techniques that disabled people use to interact with digital technology. ## Related WAI resources -- **[[Accessibility Principles]](/fundamentals/accessibility-principles/)** – introduces the four principles used to organize accessibility requirements and provides examples of requirements related to each principle from the international accessibility standards from the W3C Web Accessibility Initiative (WAI). -- **[[Web Accessibility Perspectives]](/perspective-videos/)** – presents a collection of short videos highlighting accessibility features that are essential to people with disabilities and useful for all. +- **[[Accessibility Principles]](/fundamentals/accessibility-principles/)** – introduces the four principles used to organize accessibility requirements and provides examples of requirements related to each principle from the international accessibility standards from the W3C Web Accessibility Initiative (WAI). +- **[[Web Accessibility Perspectives]](/perspective-videos/)** – presents a collection of short videos highlighting accessibility features that are essential to people with disabilities and useful for all. diff --git a/pages/fundamentals/people/people-use-web/tools-techniques.md b/pages/fundamentals/people/people-use-web/tools-techniques.md index 05cbf8e65ae..33489d87c0a 100644 --- a/pages/fundamentals/people/people-use-web/tools-techniques.md +++ b/pages/fundamentals/people/people-use-web/tools-techniques.md @@ -27,8 +27,8 @@ navigation: next: /people-use-web/tools-techniques/perception/ image: /content-images/people-use-web/social.png -changelog: /people-use-web/changelog/ -acknowledgements: /people-use-web/acknowledgements/ +changelog: /people-use-web/changelog/ # Do not change this +acknowledgements: /people-use-web/acknowledgements/ # Do not change this # In the footer below: # Do not change the dates @@ -39,7 +39,7 @@ footer: >

Date: Updated 25 June 2024. First published as a draft in 1999.

Editor: Shadi Abou-Zahra. Previous editor: Judy Brewer. Contributors listed in ACKNOWLEDGEMENTS.

-

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

+

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

--- {% include_cached blockquote.html class="pull alt-2" content="

Accessibility: It's about people

" %} @@ -54,11 +54,8 @@ This section introduces some of the tools and techniques that people with disabi {% include box.html type="end" %} {:/} - {::options toc_levels="2" /} - - ## Tools and preferences {#tools} People with disabilities access and navigate digital technology in different ways, depending on their individual needs and preferences. Sometimes people configure standard software and hardware according to their needs, and sometimes people use specialized software and hardware that help them perform certain tasks. @@ -67,15 +64,15 @@ People with disabilities access and navigate digital technology in different way Some common approaches for interacting with the Web include: -- **Assistive Technologies**{:#at} – software and hardware that people with disabilities use to improve interaction with the web. These include screen readers that read aloud web pages for people who cannot read the text, screen magnifiers for people with some types of low vision, and speech recognition software and selection switches for people who cannot use a keyboard or mouse. -- **Adaptive Strategies**{:#as} – techniques that people with disabilities use to improve interaction with the Web, such as increasing text size, reducing mouse speed, and turning on captions. Adaptive strategies include techniques with standard software, with mainstream web browsers, with mobile devices, and with assistive technologies. +- **Assistive Technologies**{:#at} – software and hardware that people with disabilities use to improve interaction with the web. These include screen readers that read aloud web pages for people who cannot read the text, screen magnifiers for people with some types of low vision, and speech recognition software and selection switches for people who cannot use a keyboard or mouse. +- **Adaptive Strategies**{:#as} – techniques that people with disabilities use to improve interaction with the Web, such as increasing text size, reducing mouse speed, and turning on captions. Adaptive strategies include techniques with standard software, with mainstream web browsers, with mobile devices, and with assistive technologies. -Accessibility benefits people with and without disabilities. Features that support accessibility are becoming increasingly available in standard computer hardware, mobile devices, operating systems, web browsers, and other tools. [Better Web Browsing: Tips for Customizing Your Computer](http://www.w3.org/WAI/users/browsing) provides information about customizing your computer to take advantage of such accessibility features and solutions. +Accessibility benefits people with and without disabilities. Features that support accessibility are becoming increasingly available in standard computer hardware, mobile devices, operating systems, web browsers, and other tools. [Better Web Browsing: Tips for Customizing Your Computer](https://www.w3.org/WAI/users/browsing/) provides information about customizing your computer to take advantage of such accessibility features and solutions. Sometimes hardware and software with specific accessibility features, including web browsers, media players, or assistive technologies, may not be available to an individual. For example, tools may not be affordable, not installed or not compatible with the computer, not available in some languages, or not available for other reasons. In other cases, people are unaware of accessibility solutions or how to configure and use them. ## More on tools and techniques: -- [Perception - hearing, feeling and seeing](/people-use-web/tools-techniques/perception/) -- [Presentation - distingushing and understanding](/people-use-web/tools-techniques/presentation/) -- [Input - typing, writing, and clicking](/people-use-web/tools-techniques/input/) -- [Interaction - navigating and finding](/people-use-web/tools-techniques/navigation/) +- [[Perception - hearing, feeling and seeing]](/people-use-web/tools-techniques/perception/) +- [[Presentation - distingushing and understanding]](/people-use-web/tools-techniques/presentation/) +- [[Input - typing, writing, and clicking]](/people-use-web/tools-techniques/input/) +- [[Interaction - navigating and finding]](/people-use-web/tools-techniques/navigation/) diff --git a/pages/fundamentals/people/people-use-web/tools-techniques/input.md b/pages/fundamentals/people/people-use-web/tools-techniques/input.md index 08ee11ef56e..25bd6fc6eb5 100644 --- a/pages/fundamentals/people/people-use-web/tools-techniques/input.md +++ b/pages/fundamentals/people/people-use-web/tools-techniques/input.md @@ -31,8 +31,8 @@ navigation: next: /people-use-web/tools-techniques/navigation/ image: /content-images/people-use-web/social.png -changelog: /people-use-web/changelog/ -acknowledgements: /people-use-web/acknowledgements/ +changelog: /people-use-web/changelog/ # Do not change this +acknowledgements: /people-use-web/acknowledgements/ # Do not change this # In the footer below: # Do not change the dates @@ -43,7 +43,7 @@ footer: >

Note about video description: The video on this page does not include synchronized audio description because the visuals only illustrate the audio and do not provide additional information. In this case, audio description would be more distracting than useful to most people, including people who cannot see the visuals. Description of visual information is available in the Text Transcript with Description of Visuals (“descriptive transcript”).

Date: Updated 25 June 2024. First published as a draft in 1999.

Editor: Shadi Abou-Zahra. Previous editor: Judy Brewer. Contributors listed in ACKNOWLEDGEMENTS.

-

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

+

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

--- {::nomarkdown} @@ -114,7 +114,6 @@ People use different approaches to enter text and activate commands, for example - Mouse and keyboard with software that compensates for hand tremor; - Speech recognition and other hands-free interaction. - {::options toc_levels="2..2" /} {::nomarkdown} @@ -175,7 +174,6 @@ Accessible content supports people who need more time typing, writing, and click - [Elias, retiree with low vision, hand tremor, and mild short-term memory loss](/people-use-web/user-stories/story-nine/) - [Sophie, basketball fan with Down syndrome](/people-use-web/user-stories/story-five/) - {% include excol.html type="start" id="video-transcript" %} ## Video: Tools and Techniques - Input {#accessible-video} @@ -187,7 +185,8 @@ Accessible content supports people who need more time typing, writing, and click video-id="tools-techniques_input" yt-id="HG4PXNRjXoU" %} -

This video is also available on a W3C server: Video: Tools and Techniques - Input (file format: MP4, file size: 305MB).

+ +_This video is also available on a W3C server: [Video: Tools and Techniques - Input (file format: MP4, file size: 305MB)](https://media.w3.org/wai/people-use-web/tools-techniques_input.mp4)._ ### Text Transcript with Description of Visuals {#transcript} diff --git a/pages/fundamentals/people/people-use-web/tools-techniques/navigation.md b/pages/fundamentals/people/people-use-web/tools-techniques/navigation.md index 7e30ab55a1b..1b503fce53c 100644 --- a/pages/fundamentals/people/people-use-web/tools-techniques/navigation.md +++ b/pages/fundamentals/people/people-use-web/tools-techniques/navigation.md @@ -30,8 +30,8 @@ navigation: previous: /people-use-web/tools-techniques/input/ image: /content-images/people-use-web/social.png -changelog: /people-use-web/changelog/ -acknowledgements: /people-use-web/acknowledgements/ +changelog: /people-use-web/changelog/ # Do not change this +acknowledgements: /people-use-web/acknowledgements/ # Do not change this # In the footer below: # Do not change the dates @@ -42,7 +42,7 @@ footer: >

Note about video description: The video on this page does not include synchronized audio description because the visuals only illustrate the audio and do not provide additional information. In this case, audio description would be more distracting than useful to most people, including people who cannot see the visuals. Description of visual information is available in the Text Transcript with Description of Visuals (“descriptive transcript”).

Date: Updated 25 June 2024. First published as a draft in 1999.

Editor: Shadi Abou-Zahra. Previous editor: Judy Brewer. Contributors listed in ACKNOWLEDGEMENTS.

-

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

+

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

--- {::nomarkdown} @@ -192,7 +192,8 @@ Many functions to support different styles of navigation are built directly into video-id="tools-techniques_interaction" yt-id="4xF23iGIAPE" %} -

This video is also available on a W3C server: Video: Tools and Techniques - Interaction (file format: MP4, file size: 241MB).

+ +_This video is also available on a W3C server: [Video: Tools and Techniques - Interaction (file format: MP4, file size: 241MB)](https://media.w3.org/wai/people-use-web/tools-techniques_interaction.mp4)._ ### Text Transcript with Description of Visuals {#transcript} diff --git a/pages/fundamentals/people/people-use-web/tools-techniques/perception.md b/pages/fundamentals/people/people-use-web/tools-techniques/perception.md index 186cedee117..ef9505684ef 100644 --- a/pages/fundamentals/people/people-use-web/tools-techniques/perception.md +++ b/pages/fundamentals/people/people-use-web/tools-techniques/perception.md @@ -31,8 +31,8 @@ navigation: next: /people-use-web/tools-techniques/presentation/ image: /content-images/people-use-web/social.png -changelog: /people-use-web/changelog/ -acknowledgements: /people-use-web/acknowledgements/ +changelog: /people-use-web/changelog/ # Do not change this +acknowledgements: /people-use-web/acknowledgements/ # Do not change this # In the footer below: # Do not change the dates @@ -43,7 +43,7 @@ footer: >

Note about video description: The video on this page does not include synchronized audio description because the visuals only illustrate the audio and do not provide additional information. In this case, audio description would be more distracting than useful to most people, including people who cannot see the visuals. Description of visual information is available in the Text Transcript with Description of Visuals (“descriptive transcript”).

Date: Updated 25 June 2024. First published as a draft in 1999.

Editor: Shadi Abou-Zahra. Previous editor: Judy Brewer. Contributors listed in ACKNOWLEDGEMENTS.

-

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

+

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

--- {::nomarkdown} @@ -184,7 +184,8 @@ In some cases, content can be converted into different forms using software or h video-id="tools-techniques_perception" yt-id="dL8W-A4F1ZE" %} -

This video is also available on a W3C server: Video: Tools and Techniques - Perception (file format: MP4, file size: 264MB).

+ +_This video is also available on a W3C server: [Video: Tools and Techniques - Perception (file format: MP4, file size: 264MB)](https://media.w3.org/wai/people-use-web/tools-techniques_perception.mp4)._ ### Text Transcript with Description of Visuals {#transcript} diff --git a/pages/fundamentals/people/people-use-web/tools-techniques/presentation.md b/pages/fundamentals/people/people-use-web/tools-techniques/presentation.md index ef4543bd3a1..27af4bd5c6d 100644 --- a/pages/fundamentals/people/people-use-web/tools-techniques/presentation.md +++ b/pages/fundamentals/people/people-use-web/tools-techniques/presentation.md @@ -31,8 +31,8 @@ navigation: next: /people-use-web/tools-techniques/input/ image: /content-images/people-use-web/social.png -changelog: /people-use-web/changelog/ -acknowledgements: /people-use-web/acknowledgements/ +changelog: /people-use-web/changelog/ # Do not change this +acknowledgements: /people-use-web/acknowledgements/ # Do not change this # In the footer below: # Do not change the dates @@ -43,7 +43,7 @@ footer: >

Note about video description: The video on this page does not include synchronized audio description because the visuals only illustrate the audio and do not provide additional information. In this case, audio description would be more distracting than useful to most people, including people who cannot see the visuals. Description of visual information is available in the Text Transcript with Description of Visuals (“descriptive transcript”).

Date: Updated 25 June 2024. First published as a draft in 1999.

Editor: Shadi Abou-Zahra. Previous editor: Judy Brewer. Contributors listed in ACKNOWLEDGEMENTS.

-

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

+

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

--- {::nomarkdown} @@ -192,7 +192,8 @@ Also, people process information differently. This aspect is particularly releva video-id="tools-techniques_presentation" yt-id="tHS_WUAmkMo" %} -

This video is also available on a W3C server: Video: Tools and Techniques - Presentation (file format: MP4, file size: 334MB).

+ +_This video is also available on a W3C server: [Video: Tools and Techniques - Presentation (file format: MP4, file size: 334MB)](https://media.w3.org/wai/people-use-web/tools-techniques_presentation.mp4)._ ### Text Transcript with Description of Visuals {#transcript} diff --git a/pages/fundamentals/people/people-use-web/user-stories.md b/pages/fundamentals/people/people-use-web/user-stories.md index a0a65520a62..458d4083e3a 100644 --- a/pages/fundamentals/people/people-use-web/user-stories.md +++ b/pages/fundamentals/people/people-use-web/user-stories.md @@ -29,8 +29,8 @@ navigation: next: /people-use-web/user-stories/story-one/ image: /content-images/people-use-web/social.png -changelog: /people-use-web/changelog/ -acknowledgements: /people-use-web/acknowledgements/ +changelog: /people-use-web/changelog/ # Do not change this +acknowledgements: /people-use-web/acknowledgements/ # Do not change this # In the footer below: # Do not change the dates @@ -41,7 +41,7 @@ footer: >

Date: Updated 25 June 2024. First posted as a draft in 1999.

Editors: Kevin White and Shadi Abou-Zahra. Previous editors: Judy Brewer and Norah Sinclair. Contributors: Brent Bakken, Jade Matos Carew, Jayne Schurick, Michele Williams, and others in ACKNOWLEDGEMENTS.

-

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

+

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

--- {% include_cached blockquote.html class="pull alt-2" content="

Accessibility: It's about people

" %} @@ -73,4 +73,4 @@ These other resources provide more detailed information regarding user needs wit * [Accessibility Requirements for People with Low Vision - User Needs](https://www.w3.org/TR/low-vision-needs/#user-needs) * [Making Content Usable for People with Cognitive and Learning Disabilities - Use Cases/Personas](https://www.w3.org/TR/coga-usable/#persona) -* [Media Accessibility User Requirements](http://w3c.github.io/apa/media-accessibility-reqs/) - includes a summary of media requirements by type of disability and assistive technologies to support media access. +* [Media Accessibility User Requirements](https//w3c.github.io/apa/media-accessibility-reqs/) - includes a summary of media requirements by type of disability and assistive technologies to support media access. diff --git a/pages/fundamentals/people/people-use-web/user-stories/story-eight.md b/pages/fundamentals/people/people-use-web/user-stories/story-eight.md index b7712a6ca02..8bf435e828a 100644 --- a/pages/fundamentals/people/people-use-web/user-stories/story-eight.md +++ b/pages/fundamentals/people/people-use-web/user-stories/story-eight.md @@ -31,8 +31,8 @@ navigation: next: /people-use-web/user-stories/story-nine/ image: /content-images/people-use-web/social.png -changelog: /people-use-web/changelog/ -acknowledgements: /people-use-web/acknowledgements/ +changelog: /people-use-web/changelog/ # Do not change this +acknowledgements: /people-use-web/acknowledgements/ # Do not change this # In the footer below: # Do not change the dates # Do not translate or change CHANGELOG or ACKNOWLEDGEMENTS. @@ -42,7 +42,7 @@ footer: >

Note about video description: The video on this page does not include synchronized audio description because the visuals only illustrate the audio and do not provide additional information. In this case, audio description would be more distracting than useful to most people, including people who cannot see the visuals. Description of visual information is available in the Text Transcript with Description of Visuals (“descriptive transcript”).

Date: Updated 25 June 2024. First posted as a draft in 1999.

Editors: Kevin White and Shadi Abou-Zahra. Previous editors: Judy Brewer and Norah Sinclair. Contributors: Brent Bakken, Jade Matos Carew, Jayne Schurick, Michele Williams, and others in ACKNOWLEDGEMENTS.

-

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

+

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

--- {::nomarkdown} @@ -190,31 +190,31 @@ Excessive acronyms and abbreviations * Use case: [Tal: A Student who has Dyslexia and Impaired Eye Hand Coordination](https://www.w3.org/TR/coga-usable/#tal-a-student-who-has-dyslexia-and-impaired-eye-hand-coordination) * Use case: [Yuki: A Yoga Teacher who has AD(H)D](https://www.w3.org/TR/coga-usable/#yuki-a-yoga-teacher-who-has-ad-h-d) -* Video: [Clear Layout and Design](https://www.w3.org/WAI/perspective-videos/layout/) -* Tip: [Use headings to convey meaning and structure](https://www.w3.org/WAI/tips/writing/#use-headings-to-convey-meaning-and-structure) -* Tip: [Make link text meaningful](https://www.w3.org/WAI/tips/writing/#make-link-text-meaningful) -* Tip: [Provide clear instructions](https://www.w3.org/WAI/tips/writing/#provide-clear-instructions) -* Tip: [Keep content clear and concise](https://www.w3.org/WAI/tips/writing/#keep-content-clear-and-concise) -* Tip: [Include alternative text for images](https://www.w3.org/WAI/tips/developing/#include-alternative-text-for-images) -* Tip: [Help users avoid and correct mistakes](https://www.w3.org/WAI/tips/developing/#help-users-avoid-and-correct-mistakes) -* Tip: [Ensure that interactive elements are easy to identify](https://www.w3.org/WAI/tips/designing/#ensure-that-interactive-elements-are-easy-to-identify) -* Tip: [Provide easily identifiable feedback](https://www.w3.org/WAI/tips/designing/#provide-easily-identifiable-feedback) -* Tip: [Use headings and spacing to group related content](https://www.w3.org/WAI/tips/designing/#use-headings-and-spacing-to-group-related-content) -* Check: [Image text alternatives ("alt text")](https://www.w3.org/WAI/test-evaluate/preliminary/#images) -* Check: [Headings](https://www.w3.org/WAI/test-evaluate/preliminary/#headings) -* Check: [Forms, labels, and errors](https://www.w3.org/WAI/test-evaluate/preliminary/#forms) -* Check: [Moving, Flashing, or Blinking Content](https://www.w3.org/WAI/test-evaluate/preliminary/#moving) -* Check: [Basic structure check](https://www.w3.org/WAI/test-evaluate/preliminary/#structure) +* Video: [Clear Layout and Design](/perspective-videos/layout/) +* Tip: [Use headings to convey meaning and structure](/tips/writing/#use-headings-to-convey-meaning-and-structure) +* Tip: [Make link text meaningful](/tips/writing/#make-link-text-meaningful) +* Tip: [Provide clear instructions](/tips/writing/#provide-clear-instructions) +* Tip: [Keep content clear and concise](/tips/writing/#keep-content-clear-and-concise) +* Tip: [Include alternative text for images](/tips/developing/#include-alternative-text-for-images) +* Tip: [Help users avoid and correct mistakes](/tips/developing/#help-users-avoid-and-correct-mistakes) +* Tip: [Ensure that interactive elements are easy to identify](/tips/designing/#ensure-that-interactive-elements-are-easy-to-identify) +* Tip: [Provide easily identifiable feedback](/tips/designing/#provide-easily-identifiable-feedback) +* Tip: [Use headings and spacing to group related content](/tips/designing/#use-headings-and-spacing-to-group-related-content) +* Check: [Image text alternatives ("alt text")](/test-evaluate/preliminary/#images) +* Check: [Headings](/test-evaluate/preliminary/#headings) +* Check: [Forms, labels, and errors](/test-evaluate/preliminary/#forms) +* Check: [Moving, Flashing, or Blinking Content](/test-evaluate/preliminary/#moving) +* Check: [Basic structure check](/test-evaluate/preliminary/#structure) ## Related principles -* [Text alternatives for non-text content (Perceivable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#alternatives) -* [Content can be presented in different ways (Perceivable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#adaptable) -* [Users have enough time to read and use the content (Operable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#time) -* [Users can easily navigate, find content, and determine where they are (Operable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#navigable) -* [Content is readable and understandable (Understandable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#readable) -* [Content appears and operates in predictable ways (Understandable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#predictable) -* [Users are helped to avoid and correct mistakes (Understandable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#tolerant) +* [Text alternatives for non-text content (Perceivable)](/fundamentals/accessibility-principles/#alternatives) +* [Content can be presented in different ways (Perceivable)](/fundamentals/accessibility-principles/#adaptable) +* [Users have enough time to read and use the content (Operable)](/fundamentals/accessibility-principles/#time) +* [Users can easily navigate, find content, and determine where they are (Operable)](/fundamentals/accessibility-principles/#navigable) +* [Content is readable and understandable (Understandable)](/fundamentals/accessibility-principles/#readable) +* [Content appears and operates in predictable ways (Understandable)](/fundamentals/accessibility-principles/#predictable) +* [Users are helped to avoid and correct mistakes (Understandable)](/fundamentals/accessibility-principles/#tolerant) * [Content is compatible with current and future user tools (Robust)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#compatible) {% include excol.html type="start" id="video-transcript" %} @@ -223,12 +223,12 @@ Excessive acronyms and abbreviations {% include excol.html type="middle" %} - {% include video-player-data.html video-id="user-stories_8" yt-id="Ie-RaV7UTCU" %} -

This video is also available on a W3C server: Video: Stefan, student with attention deficit hyperactivity disorder and dyslexia (file format: MP4, file size: 346MB).

+ +_This video is also available on a W3C server: [Video: Stefan, student with attention deficit hyperactivity disorder and dyslexia (file format: MP4, file size: 346MB](https://media.w3.org/wai/people-use-web/user-stories_8.mp4)._ ### Text Transcript with Description of Visuals {#transcript} diff --git a/pages/fundamentals/people/people-use-web/user-stories/story-five.md b/pages/fundamentals/people/people-use-web/user-stories/story-five.md index 00146586828..6d47e45c48b 100644 --- a/pages/fundamentals/people/people-use-web/user-stories/story-five.md +++ b/pages/fundamentals/people/people-use-web/user-stories/story-five.md @@ -31,8 +31,8 @@ parent_in_h1: name: nav_title image: /content-images/people-use-web/social.png -changelog: /people-use-web/changelog/ -acknowledgements: /people-use-web/acknowledgements/ +changelog: /people-use-web/changelog/ # Do not change this +acknowledgements: /people-use-web/acknowledgements/ # Do not change this # In the footer below: # Do not change the dates # Do not translate or change CHANGELOG or ACKNOWLEDGEMENTS. @@ -42,7 +42,7 @@ footer: >

Note about video description: The video on this page does not include synchronized audio description because the visuals only illustrate the audio and do not provide additional information. In this case, audio description would be more distracting than useful to most people, including people who cannot see the visuals. Description of visual information is available in the Text Transcript with Description of Visuals (“descriptive transcript”).

Date: Updated 25 June 2024. First posted as a draft in 1999.

Editors: Kevin White and Shadi Abou-Zahra. Previous editors: Judy Brewer and Norah Sinclair. Contributors: Brent Bakken, Jade Matos Carew, Jayne Schurick, Michele Williams, and others in ACKNOWLEDGEMENTS.

-

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

+

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

--- {::nomarkdown} @@ -201,24 +201,24 @@ Animation ## Related WAI resources * Use case: [George: A User who Works in a Supermarket and has Down Syndrome](https://www.w3.org/TR/coga-usable/#george-a-user-who-works-in-a-supermarket-and-has-down-syndrome) -* Video: [Understandable Content](https://www.w3.org/WAI/perspective-videos/understandable/) -* Tip: [Keep content clear and concise](https://www.w3.org/WAI/tips/writing/#keep-content-clear-and-concise) -* Tip: [Ensure that interactive elements are easy to identify](https://www.w3.org/WAI/tips/designing/#ensure-that-interactive-elements-are-easy-to-identify) -* Tip: [Provide clear and consistent navigation options](https://www.w3.org/WAI/tips/designing/#provide-clear-and-consistent-navigation-options) -* Tip: [Provide meaning for non-standard interactive elements](https://www.w3.org/WAI/tips/developing/#provide-meaning-for-non-standard-interactive-elements) -* Tip: [Use heading and spacing to group related content](https://www.w3.org/WAI/tips/designing/#use-headings-and-spacing-to-group-related-content) -* Check: [Forms, labels, and errors](https://www.w3.org/WAI/test-evaluate/preliminary/#forms) -* Check: [Moving, Flashing, or Blinking Content](https://www.w3.org/WAI/test-evaluate/preliminary/#moving) +* Video: [Understandable Content](/perspective-videos/understandable/) +* Tip: [Keep content clear and concise](/tips/writing/#keep-content-clear-and-concise) +* Tip: [Ensure that interactive elements are easy to identify](/tips/designing/#ensure-that-interactive-elements-are-easy-to-identify) +* Tip: [Provide clear and consistent navigation options](/tips/designing/#provide-clear-and-consistent-navigation-options) +* Tip: [Provide meaning for non-standard interactive elements](/tips/developing/#provide-meaning-for-non-standard-interactive-elements) +* Tip: [Use heading and spacing to group related content](/tips/designing/#use-headings-and-spacing-to-group-related-content) +* Check: [Forms, labels, and errors](/test-evaluate/preliminary/#forms) +* Check: [Moving, Flashing, or Blinking Content](/test-evaluate/preliminary/#moving) ## Related principles -* [Content can be presented in different ways (Perceivable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#adaptable) -* [Users have enough time to read and use the content (Operable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#time) -* [Users can easily navigate, find content, and determine where they are (Operable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#navigable) -* [Content is readable and understandable (Understandable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#readable) -* [Content appears and operates in predictable ways (Understandable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#predictable) -* [Users are helped to avoid and correct mistakes (Understandable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#tolerant) -* [Content is compatible with current and future user tools (Robust)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#compatible) +* [Content can be presented in different ways (Perceivable)](/fundamentals/accessibility-principles/#adaptable) +* [Users have enough time to read and use the content (Operable)](/fundamentals/accessibility-principles/#time) +* [Users can easily navigate, find content, and determine where they are (Operable)](/fundamentals/accessibility-principles/#navigable) +* [Content is readable and understandable (Understandable)](/fundamentals/accessibility-principles/#readable) +* [Content appears and operates in predictable ways (Understandable)](/fundamentals/accessibility-principles/#predictable) +* [Users are helped to avoid and correct mistakes (Understandable)](/fundamentals/accessibility-principles/#tolerant) +* [Content is compatible with current and future user tools (Robust)](/fundamentals/accessibility-principles/#compatible) {% include excol.html type="start" id="video-transcript" %} @@ -230,7 +230,8 @@ Animation video-id="user-stories_5" yt-id="gmrnVAQuSI8" %} -

This video is also available on a W3C server: Video: Sophie, basketball fan with Down syndrome (file format: MP4, file size: 282MB).

+ +_This video is also available on a W3C server: [Video: Sophie, basketball fan with Down syndrome (file format: MP4, file size: 282MB)](https://media.w3.org/wai/people-use-web/user-stories_5.mp4)._ ### Text Transcript with Description of Visuals {#transcript} diff --git a/pages/fundamentals/people/people-use-web/user-stories/story-four.md b/pages/fundamentals/people/people-use-web/user-stories/story-four.md index 89dec56443e..8acec4d87df 100644 --- a/pages/fundamentals/people/people-use-web/user-stories/story-four.md +++ b/pages/fundamentals/people/people-use-web/user-stories/story-four.md @@ -31,8 +31,8 @@ navigation: next: /people-use-web/user-stories/story-five/ image: /content-images/people-use-web/social.png -changelog: /people-use-web/changelog/ -acknowledgements: /people-use-web/acknowledgements/ +changelog: /people-use-web/changelog/ # Do not change this +acknowledgements: /people-use-web/acknowledgements/ # Do not change this # In the footer below: # Do not change the dates # Do not translate or change CHANGELOG or ACKNOWLEDGEMENTS. @@ -42,7 +42,7 @@ footer: >

Note about video description: The video on this page does not include synchronized audio description because the visuals only illustrate the audio and do not provide additional information. In this case, audio description would be more distracting than useful to most people, including people who cannot see the visuals. Description of visual information is available in the Text Transcript with Description of Visuals (“descriptive transcript”).

Date: Updated 25 June 2024. First posted as a draft in 1999.

Editors: Kevin White and Shadi Abou-Zahra. Previous editors: Judy Brewer and Norah Sinclair. Contributors: Brent Bakken, Jade Matos Carew, Jayne Schurick, Michele Williams, and others in ACKNOWLEDGEMENTS.

-

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

+

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

--- {::nomarkdown} @@ -172,20 +172,20 @@ Chart labels ## Related WAI resources -* Video: [Colors with Good Contrast](https://www.w3.org/WAI/perspective-videos/contrast/) -* Video: [Customizable Text](https://www.w3.org/WAI/perspective-videos/customizable/) -* Tip: [Provide sufficient contrast between background and foreground](https://www.w3.org/WAI/tips/designing/#provide-sufficient-contrast-between-foreground-and-background) -* Tip: [Don't use color alone to convey meaning](https://www.w3.org/WAI/tips/designing/#dont-use-color-alone-to-convey-information) -* Tip: [Ensure that interactive elements are easy to identify](https://www.w3.org/WAI/tips/designing/#ensure-that-interactive-elements-are-easy-to-identify) -* Check: [Contrast ratio ("color contrast")](https://www.w3.org/WAI/test-evaluate/preliminary/#contrast) -* Check: [Forms, labels, and errors](https://www.w3.org/WAI/test-evaluate/preliminary/#forms) +* Video: [Colors with Good Contrast](/perspective-videos/contrast/) +* Video: [Customizable Text](/perspective-videos/customizable/) +* Tip: [Provide sufficient contrast between background and foreground](/tips/designing/#provide-sufficient-contrast-between-foreground-and-background) +* Tip: [Don't use color alone to convey meaning](/tips/designing/#dont-use-color-alone-to-convey-information) +* Tip: [Ensure that interactive elements are easy to identify](/tips/designing/#ensure-that-interactive-elements-are-easy-to-identify) +* Check: [Contrast ratio ("color contrast")](/test-evaluate/preliminary/#contrast) +* Check: [Forms, labels, and errors](/test-evaluate/preliminary/#forms) ## Related principles -* [Content can be presented in different ways (Perceivable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#adaptable) -* [Content is easier to see and hear (Perceivable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#distinguishable) -* [Content is compatible with current and future user tools (Robust)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#compatible) +* [Content can be presented in different ways (Perceivable)](/fundamentals/accessibility-principles/#adaptable) +* [Content is easier to see and hear (Perceivable)](/fundamentals/accessibility-principles/#distinguishable) +* [Content is compatible with current and future user tools (Robust)](/fundamentals/accessibility-principles/#compatible) * [Success Criteria relating to “contrast”](https://www.w3.org/WAI/WCAG21/quickref/?tags=contrast) @@ -195,12 +195,12 @@ Chart labels {% include excol.html type="middle" %} - {% include video-player-data.html video-id="user-stories_4" yt-id="eh091V45uqc" %} -

This video is also available on a W3C server: Video: Lexie, online shopper who cannot distinguish between certain colors (color blindness) (file format: MP4, file size: 274MB).

+ +_This video is also available on a W3C server: [Video: Lexie, online shopper who cannot distinguish between certain colors (color blindness) (file format: MP4, file size: 274MB)](https://media.w3.org/wai/people-use-web/user-stories_4.mp4)._ ### Text Transcript with Description of Visuals {#transcript} diff --git a/pages/fundamentals/people/people-use-web/user-stories/story-nine.md b/pages/fundamentals/people/people-use-web/user-stories/story-nine.md index e4cc7c003ab..50a62cc5954 100644 --- a/pages/fundamentals/people/people-use-web/user-stories/story-nine.md +++ b/pages/fundamentals/people/people-use-web/user-stories/story-nine.md @@ -30,8 +30,8 @@ navigation: previous: /people-use-web/user-stories/story-eight/ image: /content-images/people-use-web/social.png -changelog: /people-use-web/changelog/ -acknowledgements: /people-use-web/acknowledgements/ +changelog: /people-use-web/changelog/ # Do not change this +acknowledgements: /people-use-web/acknowledgements/ # Do not change this # In the footer below: # Do not change the dates # Do not translate or change CHANGELOG or ACKNOWLEDGEMENTS. @@ -41,7 +41,7 @@ footer: >

Note about video description: The video on this page does not include synchronized audio description because the visuals only illustrate the audio and do not provide additional information. In this case, audio description would be more distracting than useful to most people, including people who cannot see the visuals. Description of visual information is available in the Text Transcript with Description of Visuals (“descriptive transcript”).

Date: Updated 25 June 2024. First posted as a draft in 1999.

Editors: Kevin White and Shadi Abou-Zahra. Previous editors: Judy Brewer and Norah Sinclair. Contributors: Brent Bakken, Jade Matos Carew, Jayne Schurick, Michele Williams, and others in ACKNOWLEDGEMENTS.

-

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

+

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

--- {::nomarkdown} @@ -192,35 +192,35 @@ Saved information ## Related WAI resources * Use case: [Gopal: A Retired Lawyer with Dementia](https://www.w3.org/TR/coga-usable/#gopal-a-retired-lawyer-with-dementia) -* Video: [Large Links, Buttons, and Controls](https://www.w3.org/WAI/perspective-videos/controls/) -* Tip: [Provide sufficient contrast between foreground and background](https://www.w3.org/WAI/tips/designing/#provide-sufficient-contrast-between-foreground-and-background) -* Tip: [Avoid CAPTCHA where possible](https://www.w3.org/WAI/tips/developing/#avoid-captcha-where-possible) -* Tip: [Make link text meaningful](https://www.w3.org/WAI/tips/writing/#make-link-text-meaningful) -* Tip: [Provide clear instructions](https://www.w3.org/WAI/tips/writing/#provide-clear-instructions) -* Tip: [Keep content clear and concise](https://www.w3.org/WAI/tips/writing/#keep-content-clear-and-concise) -* Tip: [Ensure that interactive elements are easy to identify](https://www.w3.org/WAI/tips/designing/#ensure-that-interactive-elements-are-easy-to-identify) -* Tip: [Provide clear and consistent navigation options](https://www.w3.org/WAI/tips/designing/#provide-clear-and-consistent-navigation-options) -* Tip: [Provide easily identifiable feedback](https://www.w3.org/WAI/tips/designing/#provide-easily-identifiable-feedback) -* Tip: [Use headings and spacing to group related content](https://www.w3.org/WAI/tips/designing/#use-headings-and-spacing-to-group-related-content) -* Tip: [Help users avoid and correct mistakes](https://www.w3.org/WAI/tips/developing/#help-users-avoid-and-correct-mistakes) -* Tip: [Provide meaning for non-standard interactive elements](https://www.w3.org/WAI/tips/developing/#provide-meaning-for-non-standard-interactive-elements) -* Tip: [Ensure that all interactive elements are keyboard accessible](https://www.w3.org/WAI/tips/developing/#ensure-that-all-interactive-elements-are-keyboard-accessible) -* Check: [Contrast ratio ("color contrast")](https://www.w3.org/WAI/test-evaluate/preliminary/#contrast) -* Check: [Resize Text](https://www.w3.org/WAI/test-evaluate/preliminary/#resize) -* Check: [Keyboard access and visual focus](https://www.w3.org/WAI/test-evaluate/preliminary/#interaction) -* Check: [Forms, labels, and errors](https://www.w3.org/WAI/test-evaluate/preliminary/#forms) +* Video: [Large Links, Buttons, and Controls](/perspective-videos/controls/) +* Tip: [Provide sufficient contrast between foreground and background](/tips/designing/#provide-sufficient-contrast-between-foreground-and-background) +* Tip: [Avoid CAPTCHA where possible](/tips/developing/#avoid-captcha-where-possible) +* Tip: [Make link text meaningful](/tips/writing/#make-link-text-meaningful) +* Tip: [Provide clear instructions](/tips/writing/#provide-clear-instructions) +* Tip: [Keep content clear and concise](/tips/writing/#keep-content-clear-and-concise) +* Tip: [Ensure that interactive elements are easy to identify](/tips/designing/#ensure-that-interactive-elements-are-easy-to-identify) +* Tip: [Provide clear and consistent navigation options](/tips/designing/#provide-clear-and-consistent-navigation-options) +* Tip: [Provide easily identifiable feedback](/tips/designing/#provide-easily-identifiable-feedback) +* Tip: [Use headings and spacing to group related content](/tips/designing/#use-headings-and-spacing-to-group-related-content) +* Tip: [Help users avoid and correct mistakes](/tips/developing/#help-users-avoid-and-correct-mistakes) +* Tip: [Provide meaning for non-standard interactive elements](/tips/developing/#provide-meaning-for-non-standard-interactive-elements) +* Tip: [Ensure that all interactive elements are keyboard accessible](/tips/developing/#ensure-that-all-interactive-elements-are-keyboard-accessible) +* Check: [Contrast ratio ("color contrast")](/test-evaluate/preliminary/#contrast) +* Check: [Resize Text](/test-evaluate/preliminary/#resize) +* Check: [Keyboard access and visual focus](/test-evaluate/preliminary/#interaction) +* Check: [Forms, labels, and errors](/test-evaluate/preliminary/#forms) ## Related principles -* [Text alternatives for non-text content (Perceivable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#alternatives) -* [Content can be presented in different ways (Perceivable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#adaptable) -* [Content is easier to see and hear (Perceivable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#distinguishable) -* [Users have enough time to read and use the content (Operable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#time) -* [Users can easily navigate, find content, and determine where they are (Operable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#navigable) -* [Content is readable and understandable (Understandable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#readable) -* [Content appears and operates in predictable ways (Understandable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#predictable) -* [Users are helped to avoid and correct mistakes (Understandable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#tolerant) -* [Content is compatible with current and future user tools (Robust)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#compatible) +* [Text alternatives for non-text content (Perceivable)](/fundamentals/accessibility-principles/#alternatives) +* [Content can be presented in different ways (Perceivable)](/fundamentals/accessibility-principles/#adaptable) +* [Content is easier to see and hear (Perceivable)](/fundamentals/accessibility-principles/#distinguishable) +* [Users have enough time to read and use the content (Operable)](/fundamentals/accessibility-principles/#time) +* [Users can easily navigate, find content, and determine where they are (Operable)](/fundamentals/accessibility-principles/#navigable) +* [Content is readable and understandable (Understandable)](/fundamentals/accessibility-principles/#readable) +* [Content appears and operates in predictable ways (Understandable)](/fundamentals/accessibility-principles/#predictable) +* [Users are helped to avoid and correct mistakes (Understandable)](/fundamentals/accessibility-principles/#tolerant) +* [Content is compatible with current and future user tools (Robust)](/fundamentals/accessibility-principles/#compatible) {% include excol.html type="start" id="video-transcript" %} @@ -234,7 +234,8 @@ Saved information video-id="user-stories_9" yt-id="c-IqJdL0i38" %} -

This video is also available on a W3C server: Video: Elias, retiree with low vision, hand tremor, and mild short-term memory loss (file format: MP4, file size: 162MB).

+ +_This video is also available on a W3C server: [Video: Elias, retiree with low vision, hand tremor, and mild short-term memory loss (file format: MP4, file size: 162MB)](https://media.w3.org/wai/people-use-web/user-stories_9.mp4)._ ### Text Transcript with Description of Visuals {#transcript} diff --git a/pages/fundamentals/people/people-use-web/user-stories/story-one.md b/pages/fundamentals/people/people-use-web/user-stories/story-one.md index 9c7d9d48220..e2c0cb2b711 100644 --- a/pages/fundamentals/people/people-use-web/user-stories/story-one.md +++ b/pages/fundamentals/people/people-use-web/user-stories/story-one.md @@ -31,8 +31,8 @@ navigation: next: /people-use-web/user-stories/story-two/ image: /content-images/people-use-web/social.png -changelog: /people-use-web/changelog/ -acknowledgements: /people-use-web/acknowledgements/ +changelog: /people-use-web/changelog/ # Do not change this +acknowledgements: /people-use-web/acknowledgements/ # Do not change this # In the footer below: # Do not change the dates # Do not translate or change CHANGELOG or ACKNOWLEDGEMENTS. @@ -42,7 +42,7 @@ footer: >

Note about video description: The video on this page does not include synchronized audio description because the visuals only illustrate the audio and do not provide additional information. In this case, audio description would be more distracting than useful to most people, including people who cannot see the visuals. Description of visual information is available in the Text Transcript with Description of Visuals (“descriptive transcript”).

Date: Updated 25 June 2024. First posted as a draft in 1999.

Editors: Kevin White and Shadi Abou-Zahra. Previous editors: Judy Brewer and Norah Sinclair. Contributors: Brent Bakken, Jade Matos Carew, Jayne Schurick, Michele Williams, and others in ACKNOWLEDGEMENTS.

-

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

+

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

--- {::nomarkdown} @@ -182,25 +182,25 @@ Popup windows barrier ## Related WAI resources -* Video: [Speech Recognition](https://www.w3.org/WAI/perspective-videos/voice/) -* Tip: [Use headings to convey meaning and structure](https://www.w3.org/WAI/tips/writing/#use-headings-to-convey-meaning-and-structure) -* Tip: [Make link text meaningful](https://www.w3.org/WAI/tips/writing/#make-link-text-meaningful) -* Tip: [Ensure that interactive elements are easy to identify](https://www.w3.org/WAI/tips/designing/#ensure-that-interactive-elements-are-easy-to-identify) -* Tip: [Associate a label with every form control](https://www.w3.org/WAI/tips/developing/#associate-a-label-with-every-form-control) -* Tip: [Ensure that all interactive elements are keyboard accessible](https://www.w3.org/WAI/tips/developing/#ensure-that-all-interactive-elements-are-keyboard-accessible) -* Check: [Keyboard access and visual focus](https://www.w3.org/WAI/test-evaluate/preliminary/#interaction) -* Check: [Forms, labels, and errors](https://www.w3.org/WAI/test-evaluate/preliminary/#forms) +* Video: [Speech Recognition](/perspective-videos/voice/) +* Tip: [Use headings to convey meaning and structure](/tips/writing/#use-headings-to-convey-meaning-and-structure) +* Tip: [Make link text meaningful](/tips/writing/#make-link-text-meaningful) +* Tip: [Ensure that interactive elements are easy to identify](/tips/designing/#ensure-that-interactive-elements-are-easy-to-identify) +* Tip: [Associate a label with every form control](/tips/developing/#associate-a-label-with-every-form-control) +* Tip: [Ensure that all interactive elements are keyboard accessible](/tips/developing/#ensure-that-all-interactive-elements-are-keyboard-accessible) +* Check: [Keyboard access and visual focus](/test-evaluate/preliminary/#interaction) +* Check: [Forms, labels, and errors](/test-evaluate/preliminary/#forms) ## Related principles -* [Text alternatives for non-text content (Perceivable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#alternatives) -* [Content can be presented in different ways (Perceivable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#adaptable) -* [Functionality is available from a keyboard (Operable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#keyboard) -* [Users have enough time to read and use the content (Operable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#time) -* [Users can easily navigate, find content, and determine where they are (Operable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#navigable) -* [Content appears and operates in predictable ways (Understandable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#predictable) -* [Users are helped to avoid and correct mistakes (Understandable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#tolerant) -* [Content is compatible with current and future user tools (Robust)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#compatible) +* [Text alternatives for non-text content (Perceivable)](/fundamentals/accessibility-principles/#alternatives) +* [Content can be presented in different ways (Perceivable)](/fundamentals/accessibility-principles/#adaptable) +* [Functionality is available from a keyboard (Operable)](/fundamentals/accessibility-principles/#keyboard) +* [Users have enough time to read and use the content (Operable)](/fundamentals/accessibility-principles/#time) +* [Users can easily navigate, find content, and determine where they are (Operable)](/fundamentals/accessibility-principles/#navigable) +* [Content appears and operates in predictable ways (Understandable)](/fundamentals/accessibility-principles/#predictable) +* [Users are helped to avoid and correct mistakes (Understandable)](/fundamentals/accessibility-principles/#tolerant) +* [Content is compatible with current and future user tools (Robust)](/fundamentals/accessibility-principles/#compatible) {% include excol.html type="start" id="video-transcript" %} @@ -213,7 +213,8 @@ Popup windows barrier video-id="user-stories_1" yt-id="Z5dMdJzUy7w" %} -

This video is also available on a W3C server: Video: Ade, reporter with limited use of his arms (file format: MP4, file size: 162MB).

+ +_This video is also available on a W3C server: [Video: Ade, reporter with limited use of his arms (file format: MP4, file size: 162MB)](https://media.w3.org/wai/people-use-web/user-stories_1.mp4)._ ### Text Transcript with Description of Visuals {#transcript} diff --git a/pages/fundamentals/people/people-use-web/user-stories/story-seven.md b/pages/fundamentals/people/people-use-web/user-stories/story-seven.md index 342af95eab0..163e889bf94 100644 --- a/pages/fundamentals/people/people-use-web/user-stories/story-seven.md +++ b/pages/fundamentals/people/people-use-web/user-stories/story-seven.md @@ -31,8 +31,8 @@ navigation: next: /people-use-web/user-stories/story-eight/ image: /content-images/people-use-web/social.png -changelog: /people-use-web/changelog/ -acknowledgements: /people-use-web/acknowledgements/ +changelog: /people-use-web/changelog/ # Do not change this +acknowledgements: /people-use-web/acknowledgements/ # Do not change this # In the footer below: # Do not change the dates # Do not translate or change CHANGELOG or ACKNOWLEDGEMENTS. @@ -42,7 +42,7 @@ footer: >

Note about video description: The video on this page does not include synchronized audio description because the visuals only illustrate the audio and do not provide additional information. In this case, audio description would be more distracting than useful to most people, including people who cannot see the visuals. Description of visual information is available in the Text Transcript with Description of Visuals (“descriptive transcript”).

Date: Updated 25 June 2024. First posted as a draft in 1999.

Editors: Kevin White and Shadi Abou-Zahra. Previous editors: Judy Brewer and Norah Sinclair. Contributors: Brent Bakken, Jade Matos Carew, Jayne Schurick, Michele Williams, and others in ACKNOWLEDGEMENTS.

-

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

+

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

--- {::nomarkdown} @@ -188,26 +188,26 @@ Changes elsewhere on a page ## Related WAI resources -* Video: [Video Captions](https://www.w3.org/WAI/perspective-videos/captions/) -* Tip: [Create transcripts and captions for multimedia](https://www.w3.org/WAI/tips/writing/#create-transcripts-and-captions-for-multimedia) -* Tip: [Avoid CAPTCHA where possible](https://www.w3.org/WAI/tips/developing/#avoid-captcha-where-possible) -* Tip: [Ensure that all interactive elements are keyboard accessible](https://www.w3.org/WAI/tips/developing/#ensure-that-all-interactive-elements-are-keyboard-accessible) -* Tip: [Provide clear and consistent navigation options](https://www.w3.org/WAI/tips/designing/#provide-clear-and-consistent-navigation-options) -* Check: [Image text alternatives ("alt text")](https://www.w3.org/WAI/test-evaluate/preliminary/#images) -* Check: [Forms, labels, and errors](https://www.w3.org/WAI/test-evaluate/preliminary/#forms) -* Check: [Multimedia (video, audio) alternatives](https://www.w3.org/WAI/test-evaluate/preliminary/#media) -* Check: [Basic Structure Check](https://www.w3.org/WAI/test-evaluate/preliminary/#structure) +* Video: [Video Captions](/perspective-videos/captions/) +* Tip: [Create transcripts and captions for multimedia](/tips/writing/#create-transcripts-and-captions-for-multimedia) +* Tip: [Avoid CAPTCHA where possible](/tips/developing/#avoid-captcha-where-possible) +* Tip: [Ensure that all interactive elements are keyboard accessible](/tips/developing/#ensure-that-all-interactive-elements-are-keyboard-accessible) +* Tip: [Provide clear and consistent navigation options](/tips/designing/#provide-clear-and-consistent-navigation-options) +* Check: [Image text alternatives ("alt text")](/test-evaluate/preliminary/#images) +* Check: [Forms, labels, and errors](/test-evaluate/preliminary/#forms) +* Check: [Multimedia (video, audio) alternatives](/test-evaluate/preliminary/#media) +* Check: [Basic Structure Check](/test-evaluate/preliminary/#structure) ## Related principles -* [Text alternatives for non-text content (Perceivable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#alternatives) -* [Alternatives for audio and video content (Perceivable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#captions) -* [Content can be presented in different ways (Perceivable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#adaptable) -* [Content is easier to see and hear (Perceivable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#distinguishable) -* [Users have enough time to read and use the content (Operable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#time) -* [Users can easily navigate, find content, and determine where they are (Operable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#navigable) -* [Content appears and operates in predictable ways (Understandable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#predictable) -* [Content is compatible with current and future user tools (Robust)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#compatible) +* [Text alternatives for non-text content (Perceivable)](/fundamentals/accessibility-principles/#alternatives) +* [Alternatives for audio and video content (Perceivable)](/fundamentals/accessibility-principles/#captions) +* [Content can be presented in different ways (Perceivable)](/fundamentals/accessibility-principles/#adaptable) +* [Content is easier to see and hear (Perceivable)](/fundamentals/accessibility-principles/#distinguishable) +* [Users have enough time to read and use the content (Operable)](/fundamentals/accessibility-principles/#time) +* [Users can easily navigate, find content, and determine where they are (Operable)](/fundamentals/accessibility-principles/#navigable) +* [Content appears and operates in predictable ways (Understandable)](/fundamentals/accessibility-principles/#predictable) +* [Content is compatible with current and future user tools (Robust)](/fundamentals/accessibility-principles/#compatible) {% include excol.html type="start" id="video-transcript" %} @@ -220,7 +220,8 @@ Changes elsewhere on a page video-id="user-stories_7" yt-id="llTnoiq2Mow" %} -

This video is also available on a W3C server: Video: Marta, marketing assistant who is deaf and blind (file format: MP4, file size: 360MB).

+ +_This video is also available on a W3C server: [Video: Marta, marketing assistant who is deaf and blind (file format: MP4, file size: 360MB)](https://media.w3.org/wai/people-use-web/user-stories_7.mp4)._ ### Text Transcript with Description of Visuals {#transcript} diff --git a/pages/fundamentals/people/people-use-web/user-stories/story-six.md b/pages/fundamentals/people/people-use-web/user-stories/story-six.md index bd6acf29b0f..9f61025deae 100644 --- a/pages/fundamentals/people/people-use-web/user-stories/story-six.md +++ b/pages/fundamentals/people/people-use-web/user-stories/story-six.md @@ -31,8 +31,8 @@ navigation: next: /people-use-web/user-stories/story-seven/ image: /content-images/people-use-web/social.png -changelog: /people-use-web/changelog/ -acknowledgements: /people-use-web/acknowledgements/ +changelog: /people-use-web/changelog/ # Do not change this +acknowledgements: /people-use-web/acknowledgements/ # Do not change this # In the footer below: # Do not change the dates # Do not translate or change CHANGELOG or ACKNOWLEDGEMENTS. @@ -42,7 +42,7 @@ footer: >

Note about video description: The video on this page does not include synchronized audio description because the visuals only illustrate the audio and do not provide additional information. In this case, audio description would be more distracting than useful to most people, including people who cannot see the visuals. Description of visual information is available in the Text Transcript with Description of Visuals (“descriptive transcript”).

Date: Updated 25 June 2024. First posted as a draft in 1999.

Editors: Kevin White and Shadi Abou-Zahra. Previous editors: Judy Brewer and Norah Sinclair. Contributors: Brent Bakken, Jade Matos Carew, Jayne Schurick, Michele Williams, and others in ACKNOWLEDGEMENTS.

-

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

+

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

--- {::nomarkdown} @@ -175,19 +175,19 @@ No alternative for audio ## Related WAI resources -* Video: [Video Captions](https://www.w3.org/WAI/perspective-videos/captions/) -* Tip: [Create transcripts and captions for multimedia](https://www.w3.org/WAI/tips/writing/#create-transcripts-and-captions-for-multimedia) -* Tip: [Include image and media alternatives in your design](https://www.w3.org/WAI/tips/designing/#include-image-and-media-alternatives-in-your-design) -* Tip: [Provide controls for content that starts automatically](https://www.w3.org/WAI/tips/designing/#provide-controls-for-content-that-starts-automatically) -* Tip: [Write code that adapts to the user's technology](https://www.w3.org/WAI/tips/developing/#write-code-that-adapts-to-the-users-technology) -* Check: [Multimedia (video, audio) alternatives](https://www.w3.org/WAI/test-evaluate/preliminary/#media) +* Video: [Video Captions](/perspective-videos/captions/) +* Tip: [Create transcripts and captions for multimedia](/tips/writing/#create-transcripts-and-captions-for-multimedia) +* Tip: [Include image and media alternatives in your design](/tips/designing/#include-image-and-media-alternatives-in-your-design) +* Tip: [Provide controls for content that starts automatically](/tips/designing/#provide-controls-for-content-that-starts-automatically) +* Tip: [Write code that adapts to the user's technology](/tips/developing/#write-code-that-adapts-to-the-users-technology) +* Check: [Multimedia (video, audio) alternatives](/test-evaluate/preliminary/#media) ## Related principles -* [Text alternatives for non-text content (Perceivable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#alternatives) -* [Captions and other alternatives for multimedia (Perceivable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#captions) -* [Content is easier to see and hear (Perceivable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#distinguishable) -* [Content is readable and understandable (Understandable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#readable) +* [Text alternatives for non-text content (Perceivable)](/fundamentals/accessibility-principles/#alternatives) +* [Captions and other alternatives for multimedia (Perceivable)](/fundamentals/accessibility-principles/#captions) +* [Content is easier to see and hear (Perceivable)](/fundamentals/accessibility-principles/#distinguishable) +* [Content is readable and understandable (Understandable)](/fundamentals/accessibility-principles/#readable) * [Success Criteria relating to “captions”](https://www.w3.org/WAI/WCAG21/quickref/?tags=captions) @@ -201,7 +201,8 @@ No alternative for audio video-id="user-stories_6" yt-id="jft__DXkPv8" %} -

This video is also available on a W3C server: Video: Dhruv, older adult student who is deaf (file format: MP4, file size: 307MB).

+ +_This video is also available on a W3C server: [Video: Dhruv, older adult student who is deaf (file format: MP4, file size: 307MB)](https://media.w3.org/wai/people-use-web/user-stories_6.mp4)._ ### Text Transcript with Description of Visuals {#transcript} diff --git a/pages/fundamentals/people/people-use-web/user-stories/story-three.md b/pages/fundamentals/people/people-use-web/user-stories/story-three.md index 67b9478d253..5e21db20c16 100644 --- a/pages/fundamentals/people/people-use-web/user-stories/story-three.md +++ b/pages/fundamentals/people/people-use-web/user-stories/story-three.md @@ -31,8 +31,8 @@ navigation: next: /people-use-web/user-stories/story-four/ image: /content-images/people-use-web/social.png -changelog: /people-use-web/changelog/ -acknowledgements: /people-use-web/acknowledgements/ +changelog: /people-use-web/changelog/ # Do not change this +acknowledgements: /people-use-web/acknowledgements/ # Do not change this # In the footer below: # Do not change the dates # Do not translate or change CHANGELOG or ACKNOWLEDGEMENTS. @@ -42,7 +42,7 @@ footer: >

Date: Updated 25 June 2024. First posted as a draft in 1999.

Editors: Kevin White and Shadi Abou-Zahra. Previous editors: Judy Brewer and Norah Sinclair. Contributors: Brent Bakken, Jade Matos Carew, Jayne Schurick, Michele Williams, and others in ACKNOWLEDGEMENTS.

-

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

+

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

--- {::nomarkdown} @@ -183,26 +183,26 @@ Keyboard trap ## Related WAI resources -* Video: [Text to Speech](https://www.w3.org/WAI/perspective-videos/speech/) -* Tip: [Write meaningful text alternatives for images](https://www.w3.org/WAI/tips/writing/#write-meaningful-text-alternatives-for-images) -* Tip: [Associate a label with every form control](https://www.w3.org/WAI/tips/developing/#associate-a-label-with-every-form-control) -* Tip: [Use headings to convey meaning and structure](https://www.w3.org/WAI/tips/writing/#use-headings-to-convey-meaning-and-structure) -* Tip: [Ensure that all interactive elements are keyboard accessible](https://www.w3.org/WAI/tips/developing/#ensure-that-all-interactive-elements-are-keyboard-accessible) -* Tip: [Make link text meaningful](https://www.w3.org/WAI/tips/writing/#make-link-text-meaningful) -* Check: [Image text alternatives ("alt text")](https://www.w3.org/WAI/test-evaluate/preliminary/#images) -* Check: [Forms, labels, and errors](https://www.w3.org/WAI/test-evaluate/preliminary/#forms) -* Check: [Multimedia (video, audio) alternatives](https://www.w3.org/WAI/test-evaluate/preliminary/#media) -* Check: [Basic Structure Check](https://www.w3.org/WAI/test-evaluate/preliminary/#structure) +* Video: [Text to Speech](/perspective-videos/speech/) +* Tip: [Write meaningful text alternatives for images](/tips/writing/#write-meaningful-text-alternatives-for-images) +* Tip: [Associate a label with every form control](/tips/developing/#associate-a-label-with-every-form-control) +* Tip: [Use headings to convey meaning and structure](/tips/writing/#use-headings-to-convey-meaning-and-structure) +* Tip: [Ensure that all interactive elements are keyboard accessible](/tips/developing/#ensure-that-all-interactive-elements-are-keyboard-accessible) +* Tip: [Make link text meaningful](/tips/writing/#make-link-text-meaningful) +* Check: [Image text alternatives ("alt text")](/test-evaluate/preliminary/#images) +* Check: [Forms, labels, and errors](/test-evaluate/preliminary/#forms) +* Check: [Multimedia (video, audio) alternatives](/test-evaluate/preliminary/#media) +* Check: [Basic Structure Check](/test-evaluate/preliminary/#structure) ## Related principles -* [Text alternatives for non-text content (Perceivable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#alternatives) -* [Captions and other alternatives for multimedia (Perceivable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#captions) -* [Content can be presented in different ways (Perceivable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#adaptable) -* [Content is easier to see and hear (Perceivable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#distinguishable) -* [Functionality is available from a keyboard (Operable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#keyboard) -* [Users can easily navigate, find content, and determine where they are (Operable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#navigable) -* [Content is readable and understandable (Understandable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#readable) -* [Content appears and operates in predictable ways (Understandable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#predictable) -* [Content is compatible with current and future user tools (Robust)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#compatible) +* [Text alternatives for non-text content (Perceivable)](/fundamentals/accessibility-principles/#alternatives) +* [Captions and other alternatives for multimedia (Perceivable)](/fundamentals/accessibility-principles/#captions) +* [Content can be presented in different ways (Perceivable)](/fundamentals/accessibility-principles/#adaptable) +* [Content is easier to see and hear (Perceivable)](/fundamentals/accessibility-principles/#distinguishable) +* [Functionality is available from a keyboard (Operable)](/fundamentals/accessibility-principles/#keyboard) +* [Users can easily navigate, find content, and determine where they are (Operable)](/fundamentals/accessibility-principles/#navigable) +* [Content is readable and understandable (Understandable)](/fundamentals/accessibility-principles/#readable) +* [Content appears and operates in predictable ways (Understandable)](/fundamentals/accessibility-principles/#predictable) +* [Content is compatible with current and future user tools (Robust)](/fundamentals/accessibility-principles/#compatible) * [Success Criteria relating to “captions”](https://www.w3.org/WAI/WCAG21/quickref/?tags=captions) diff --git a/pages/fundamentals/people/people-use-web/user-stories/story-two.md b/pages/fundamentals/people/people-use-web/user-stories/story-two.md index 29ac86bf494..01af06f5221 100644 --- a/pages/fundamentals/people/people-use-web/user-stories/story-two.md +++ b/pages/fundamentals/people/people-use-web/user-stories/story-two.md @@ -31,8 +31,8 @@ navigation: next: /people-use-web/user-stories/story-three/ image: /content-images/people-use-web/social.png -changelog: /people-use-web/changelog/ -acknowledgements: /people-use-web/acknowledgements/ +changelog: /people-use-web/changelog/ # Do not change this +acknowledgements: /people-use-web/acknowledgements/ # Do not change this # In the footer below: # Do not change the dates # Do not translate or change CHANGELOG or ACKNOWLEDGEMENTS. @@ -42,7 +42,7 @@ footer: >

Note about video description: The video on this page does not include synchronized audio description because the visuals only illustrate the audio and do not provide additional information. In this case, audio description would be more distracting than useful to most people, including people who cannot see the visuals. Description of visual information is available in the Text Transcript with Description of Visuals (“descriptive transcript”).

Date: Updated 25 June 2024. First posted as a draft in 1999.

Editors: Kevin White and Shadi Abou-Zahra. Previous editors: Judy Brewer and Norah Sinclair. Contributors: Brent Bakken, Jade Matos Carew, Jayne Schurick, Michele Williams, and others in ACKNOWLEDGEMENTS.

-

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

+

Developed by the Education and Outreach Working Group (EOWG) with support from the WAI-Guide Project and WAI-AGE Project co-funded by the European Commission (EC).

--- {::nomarkdown} @@ -190,26 +190,26 @@ Moving or blinking content ## Related WAI resources * Use case: [Amy: An Autistic Computer Scientist](https://www.w3.org/TR/coga-usable/#amy-an-autistic-computer-scientist) -* Video: [Understandable Content](https://www.w3.org/WAI/perspective-videos/understandable/) -* Tip: [Use headings to convey meaning and structure](https://www.w3.org/WAI/tips/writing/#use-headings-to-convey-meaning-and-structure) -* Tip: [Make link text meaningful](https://www.w3.org/WAI/tips/writing/#make-link-text-meaningful) -* Tip: [Provide clear instructions](https://www.w3.org/WAI/tips/writing/#provide-clear-instructions) -* Tip: [Keep content clear and concise](https://www.w3.org/WAI/tips/writing/#keep-content-clear-and-concise) -* Tip: [Ensure that interactive elements are easy to identify](https://www.w3.org/WAI/tips/designing/#ensure-that-interactive-elements-are-easy-to-identify) -* Tip: [Provide clear and consistent navigation options](https://www.w3.org/WAI/tips/designing/#provide-clear-and-consistent-navigation-options) -* Tip: [Provide easily identifiable feedback](https://www.w3.org/WAI/tips/designing/#provide-easily-identifiable-feedback) -* Tip: [Help users avoid and correct mistakes](https://www.w3.org/WAI/tips/developing/#help-users-avoid-and-correct-mistakes) -* Check: [Headings](https://www.w3.org/WAI/test-evaluate/preliminary/#headings) -* Check: [Forms, labels, and errors](https://www.w3.org/WAI/test-evaluate/preliminary/#forms) +* Video: [Understandable Content](/perspective-videos/understandable/) +* Tip: [Use headings to convey meaning and structure](/tips/writing/#use-headings-to-convey-meaning-and-structure) +* Tip: [Make link text meaningful](/tips/writing/#make-link-text-meaningful) +* Tip: [Provide clear instructions](/tips/writing/#provide-clear-instructions) +* Tip: [Keep content clear and concise](/tips/writing/#keep-content-clear-and-concise) +* Tip: [Ensure that interactive elements are easy to identify](/tips/designing/#ensure-that-interactive-elements-are-easy-to-identify) +* Tip: [Provide clear and consistent navigation options](/tips/designing/#provide-clear-and-consistent-navigation-options) +* Tip: [Provide easily identifiable feedback](/tips/designing/#provide-easily-identifiable-feedback) +* Tip: [Help users avoid and correct mistakes](/tips/developing/#help-users-avoid-and-correct-mistakes) +* Check: [Headings](/test-evaluate/preliminary/#headings) +* Check: [Forms, labels, and errors](/test-evaluate/preliminary/#forms) ## Related principles -* [Content can be presented in different ways (Perceivable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#adaptable) -* [Content is easier to see and hear (Perceivable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#distinguishable) -* [Users can easily navigate, find content, and determine where they are (Operable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#navigable) -* [Content does not cause seizures and physical reactions (Operable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#safe) -* [Text is readable and understandable (Understandable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#readable) -* [Content appears and operates in predictable ways (Understandable)](https://www.w3.org/WAI/fundamentals/accessibility-principles/#predictable) +* [Content can be presented in different ways (Perceivable)](/fundamentals/accessibility-principles/#adaptable) +* [Content is easier to see and hear (Perceivable)](/fundamentals/accessibility-principles/#distinguishable) +* [Users can easily navigate, find content, and determine where they are (Operable)](/fundamentals/accessibility-principles/#navigable) +* [Content does not cause seizures and physical reactions (Operable)](/fundamentals/accessibility-principles/#safe) +* [Text is readable and understandable (Understandable)](/fundamentals/accessibility-principles/#readable) +* [Content appears and operates in predictable ways (Understandable)](/fundamentals/accessibility-principles/#predictable) {% include excol.html type="start" id="video-transcript" %} @@ -217,12 +217,12 @@ Moving or blinking content {% include excol.html type="middle" %} - {% include video-player-data.html video-id="user-stories_2" yt-id="bhV7KMfoyT4" %} -

This video is also available on a W3C server: Video: Ian, data entry clerk with autism (file format: MP4, file size: 291MB).

+ +_This video is also available on a W3C server: [Video: Ian, data entry clerk with autism (file format: MP4, file size: 291MB)](https://media.w3.org/wai/people-use-web/user-stories_2.mp4)._ ### Text Transcript with Description of Visuals {#transcript}