mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-05-28 18:26:54 +00:00
fix(curriculum): remove videos and transcripts from a11y and accessible table lessons (#61580)
This commit is contained in:
+1
-8
@@ -1,19 +1,12 @@
|
||||
---
|
||||
id: 672a539b887ec68c593cdc4b
|
||||
title: What Are Best Practices for Tables and Accessibility?
|
||||
challengeType: 11
|
||||
videoId: aaip_wiDgEw
|
||||
challengeType: 19
|
||||
dashedName: what-are-best-practices-for-tables-and-accessibility
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
Watch the video or read the transcript and answer the questions below.
|
||||
|
||||
# --transcript--
|
||||
|
||||
What are best practices for tables and accessibility?
|
||||
|
||||
When we see a table, we immediately start making visual associations between the data and the headers.
|
||||
|
||||
For example, let's say we have a table representing our pets. We have two dogs and two cats and the table is showing us their names and ages. While a sighted person may be able to understand the relationships in this table, making the connections between the values and the headers is much harder for people who use screen readers to navigate the table.
|
||||
|
||||
+1
-8
@@ -1,19 +1,12 @@
|
||||
---
|
||||
id: 672a53ae8f1ad28c8a1ed0f0
|
||||
title: Why Is It Important for Inputs to Have an Associated Label?
|
||||
challengeType: 11
|
||||
videoId: _FWK8pqUUXo
|
||||
challengeType: 19
|
||||
dashedName: why-is-it-important-for-inputs-to-have-an-associated-label
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
Watch the video or read the transcript and answer the questions below.
|
||||
|
||||
# --transcript--
|
||||
|
||||
Why is it important for inputs to have an associated label?
|
||||
|
||||
Labels on input fields might seem like small details, but they play a crucial role in making forms easier for everyone to use.
|
||||
|
||||
Labels help people with disabilities, make forms more user-friendly for everyone, and ultimately improve form conversion rates.
|
||||
|
||||
+1
-8
@@ -1,19 +1,12 @@
|
||||
---
|
||||
id: 672a51e9e4fd8b8552eeb758
|
||||
title: What Is Accessibility?
|
||||
challengeType: 11
|
||||
videoId: i2d9G5g8WxM
|
||||
challengeType: 19
|
||||
dashedName: what-is-accessibility
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
Watch the video or read the transcript and answer the questions below.
|
||||
|
||||
# --transcript--
|
||||
|
||||
What is accessibility?
|
||||
|
||||
Accessibility involves creating products and services that everyone can use. In the context of web development, it's making websites that everyone can understand and interact with, including people with visual, auditory, motor, and cognitive disabilities.
|
||||
|
||||
Some examples of disabilities that can impact users' online experience include:
|
||||
|
||||
+1
-8
@@ -1,19 +1,12 @@
|
||||
---
|
||||
id: 672a5310d7e46b8a34d48dfd
|
||||
title: What Are Screen Readers, and Who Uses Them?
|
||||
challengeType: 11
|
||||
videoId: aowIBtwkwyE
|
||||
challengeType: 19
|
||||
dashedName: what-are-screen-readers
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
Watch the video or read the transcript and answer the questions below.
|
||||
|
||||
# --transcript--
|
||||
|
||||
What are screen readers and who uses them?
|
||||
|
||||
Screen readers are assistive technology programs that help blind and visually impaired people use computers and mobile devices.
|
||||
|
||||
Screen readers are not just tools for the blind and visually impaired to access computers and mobile devices.
|
||||
|
||||
+1
-8
@@ -1,19 +1,12 @@
|
||||
---
|
||||
id: 672a5326a7606a8a766cbedb
|
||||
title: What Are Large Text or Braille Keyboards, and Who Uses Them?
|
||||
challengeType: 11
|
||||
videoId: kg-R09kIDiY
|
||||
challengeType: 19
|
||||
dashedName: what-are-large-text-or-braille-keyboards
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
Watch the video or read the transcript and answer the questions below.
|
||||
|
||||
# --transcript--
|
||||
|
||||
What are Large Text or Braille Keyboards, and Who Uses Them?
|
||||
|
||||
Large text and braille keyboards are designed for users with visual disabilities. In Large Text Keyboards, also called Large Print Keyboards, the letters, numbers, and symbols are larger compared to standard keyboards. This design is helpful for people who may find smaller text in the keys difficult to see. Most of them also have enhanced contrast and brightness.
|
||||
|
||||
A large print keyboard made by the brand MaxiAids has yellow keys with black, big, and bold letters, numbers, and symbols on them. This is helpful for people with low vision.
|
||||
|
||||
+4
-11
@@ -1,19 +1,12 @@
|
||||
---
|
||||
id: 672a533e6041c28ad680eb8f
|
||||
title: What Are Alternative Pointing Devices Such as Trackballs, Joysticks, and Touchpads Used For?
|
||||
challengeType: 11
|
||||
videoId: vN7C2gexLu0
|
||||
challengeType: 19
|
||||
dashedName: what-are-alternative-pointing-devices
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
Watch the video or read the transcript and answer the questions below.
|
||||
|
||||
# --transcript--
|
||||
|
||||
What are alternative pointing devices such as trackballs, joysticks, and touchpads used for?
|
||||
|
||||
Alternative pointing devices are input devices that make good alternatives to the traditional mouse. They are essential for improving computer accessibility for those with disabilities, forelimb impairments, and limited mobility.
|
||||
|
||||
Common examples of alternative pointing devices are trackballs, joysticks, and touchpads.
|
||||
@@ -131,7 +124,7 @@ Trackball.
|
||||
|
||||
### --feedback--
|
||||
|
||||
Pointing device that provides precise control in gaming. Review the middle part of the video where this was
|
||||
Pointing device that provides precise control in gaming. Review the middle part of the lecture where this was
|
||||
discussed.
|
||||
|
||||
---
|
||||
@@ -140,7 +133,7 @@ Mouse.
|
||||
|
||||
### --feedback--
|
||||
|
||||
Pointing device that provides precise control in gaming. Review the middle part of the video where this was discussed.
|
||||
Pointing device that provides precise control in gaming. Review the middle part of the lecture where this was discussed.
|
||||
|
||||
---
|
||||
|
||||
@@ -148,7 +141,7 @@ Trackpad or touchpad.
|
||||
|
||||
### --feedback--
|
||||
|
||||
Pointing device that provides precise control in gaming. Review the middle part of the video where this was discussed.
|
||||
Pointing device that provides precise control in gaming. Review the middle part of the lecture where this was discussed.
|
||||
|
||||
## --video-solution--
|
||||
|
||||
|
||||
+4
-11
@@ -1,19 +1,12 @@
|
||||
---
|
||||
id: 672a5361ef88158b25fbfba7
|
||||
title: What Are Screen Magnifiers Used For?
|
||||
challengeType: 11
|
||||
videoId: Voiysxr-Df4
|
||||
challengeType: 19
|
||||
dashedName: what-are-screen-magnifiers
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
Watch the video or read the transcript and answer the questions below.
|
||||
|
||||
# --transcript--
|
||||
|
||||
What are screen magnifiers used for?
|
||||
|
||||
Screen magnifiers are tools that help people with low vision and other visual impairments better access digital content and the web.
|
||||
|
||||
Let's delve deeper into what these tools are and the role they play in digital content accessibility.
|
||||
@@ -132,7 +125,7 @@ Zoom
|
||||
|
||||
### --feedback--
|
||||
|
||||
Refer to the end of the video for the answer.
|
||||
Refer to the end of the lecture for the answer.
|
||||
|
||||
---
|
||||
|
||||
@@ -140,7 +133,7 @@ Loops
|
||||
|
||||
### --feedback--
|
||||
|
||||
Refer to the end of the video for the answer.
|
||||
Refer to the end of the lecture for the answer.
|
||||
|
||||
---
|
||||
|
||||
@@ -152,7 +145,7 @@ Loup
|
||||
|
||||
### --feedback--
|
||||
|
||||
Refer to the end of the video for the answer.
|
||||
Refer to the end of the lecture for the answer.
|
||||
|
||||
## --video-solution--
|
||||
|
||||
|
||||
+1
-8
@@ -1,19 +1,12 @@
|
||||
---
|
||||
id: 672a536f8386288b9ed0a154
|
||||
title: What Is Voice Recognition Software Used For?
|
||||
challengeType: 11
|
||||
videoId: _qT4ce85TLg
|
||||
challengeType: 19
|
||||
dashedName: what-is-voice-recognition-software
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
Watch the video or read the transcript and answer the questions below.
|
||||
|
||||
# --transcript--
|
||||
|
||||
What is voice recognition software used for?
|
||||
|
||||
Voice recognition software helps people with disabilities interact with computers and other digital devices. Let's discuss what voice recognition software is and the role it plays in digital inclusion.
|
||||
|
||||
In the context of accessibility, voice recognition tools let people with disabilities use their voice to pass commands to perform various tasks instead of using traditional input devices like keyboards and mice. This includes writing emails and other documents, surfing the net, and controlling smart home devices.
|
||||
|
||||
+1
-8
@@ -1,19 +1,12 @@
|
||||
---
|
||||
id: 672a537f05f3798bd4f57d2d
|
||||
title: What Are Some Common Accessibility Auditing Tools to Use?
|
||||
challengeType: 11
|
||||
videoId: BZ37IV7eNeo
|
||||
challengeType: 19
|
||||
dashedName: what-are-some-common-accessibility-auditing-tools
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
Watch the video or read the transcript and answer the questions below.
|
||||
|
||||
# --transcript--
|
||||
|
||||
What are some common accessibility auditing tools to use?
|
||||
|
||||
Accessibility is a crucial yet often overlooked aspect of digital content. When making your digital content accessible, it's important to ensure it meets accessibility standards.
|
||||
|
||||
An accessibility auditing tool is an application that helps you improve the accessibility of your digital content by reporting accessibility issues that can be easily found through automated testing. This content includes websites, web applications, and mobile apps.
|
||||
|
||||
+2
-9
@@ -1,20 +1,13 @@
|
||||
---
|
||||
id: 672a538c029f9e8c1687460e
|
||||
title: How Does Proper Heading Level Structure Affect Accessibility?
|
||||
challengeType: 11
|
||||
videoId: FqBrK9IAvhI
|
||||
challengeType: 19
|
||||
dashedName: how-does-proper-heading-level-structure-affect-accessibility
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
Watch the video or read the transcript and answer the questions below.
|
||||
|
||||
# --transcript--
|
||||
|
||||
How does proper heading level structure affect accessibility?
|
||||
|
||||
In an earlier lecture video, you learned about proper heading level structure. In this video, you will learn how a good heading structure affects accessibility.
|
||||
You previously learned about proper heading level structure. Now, you will learn how a good heading structure affects accessibility.
|
||||
|
||||
Proper use of headings creates a visual hierarchy for users to navigate and understand your web page. Using a logical heading hierarchy allows screen reader users to understand the structure of your content and navigate your content quickly. Creating appropriate heading text that accurately describes the content that follows helps everyone find the information they need on your site. As an additional benefit, well-formed headings may also improve the SEO of your site.
|
||||
|
||||
|
||||
Reference in New Issue
Block a user