Showcase Examples with Videos/Second Cut

From Education & Outreach

Overall Comments

  • Overall the videos are great and well-received. Mostly they need to be a little slower and a little longer.
  • There should be longer pauses between phrases -- especially around certain visuals and before the final phrase ("XYZ, essential for some, useful for all"). In order to be understandable for a large % of our audience, the narration should be such that it might even seem a tad slow for native speakers. That is a trade-off that we want to make.
  • Also some of the visuals need a bit longer time. It's fine – even good – that that will make the videos a bit longer overall. Most of the videos need a bit more time to be understandable and get the point across clearly.
  • On the closing screen, please put the W3C and WAI logos together (like on our website), further down, and centered. The copyright notice should be centered and way on the bottom. It is too prominent.
  • Consider centering the text on the closing screen, and making it bigger. Especially the web address.
  • The closing screen now has the name of the video too - both visually and in the narration. Details below of each video.
  • The closing screen also needs audio descriptions to read out the logos and copyright (added to the scripts linked below).
  • On several videos the group felt that product logos can across too strongly. Especially when the laptop is on focus and there is a bright apple shining into the middle of the screen. Not sure what magic can be done about these at this stage. More detailed comments for each video included below.

Video Captions

Latest script: Script 1: Video Captions

  • (Adina) Good. No comments.
  • Overall the narration sounds quite rushed and annoyed (eg the emphasis on the word "now" in "if I stopped talking now"). Please slow down and use the more engaging voice used in other videos
  • Background music is much too loud, too bouncy, and too varied in pitch. Very difficult to follow the voice-over. Please switch the music to something less tingling.
    • (Brent) I like the music now. It will work.
  • Change narration from "If I stopped talking now you’d have to guess what this film is about." to "Without the audio, you’d have to guess what this film is about." (see updated script above)
  • Wait with saying "Without the audio, you’d have to guess what this film is about." until the film actually starts in the video, then add a pause before saying "frustrating, isn't it?"
  • Have the music also stop during this pause. Don't have the music start back up until after the longer pause, AND AFTER the narrator says "Frustrating isn’t it? Not knowing what’s going on." Then start the music again.
    • (Brent) Perfect. Works well.
  • Add a little bit more time (1-2s) after "that's the situation for everyone who can't hear", and continue showing the hearing aid during this time (this is the main point of the video)
  • Zoom in a little more onto the captions button (at ~0:22), and add a little bit more time (~1-2s) so that people have time to see what is going on
    • (Shadi) This scene has been completely removed?! It is well done in the AD-version!
  • Wait with the narration "captions make videos accessible" until after the captions are turned on and playing (to explain what just happened visually)
  • After the narration "captions make videos accessible", pause narration (before going on to "which is also handy for ..."). Keep showing the person with the heating aid during that time.
  • Re-record "which is also hand for people who want to watch videos in loud environments", and speak it much more slowly (it seems really rushed and difficult to understand)
  • Add a brief pause (1-2s) before "video captions: essential for some, useful for all", to let the viewer process the situation and that we are actually in a library
  • In the film playing with captions at the very end, show a different sequence of the film so that the captions saying "risk of cancer returning" do not appear
    • (Shadi) This text still appears
  • The two final sentences now are (see the updated script for specifics):
    • "Web accessibility: essential for some, useful for all"
    • "Visit w3.org/WAI/perspectives for more information on video captions"
      • make sure not to say forward slash but just slash
      • put "video captions" on its own line in the closing screen (to make it stand out)
      • please note also the comments on the design of the closing screen in the overall section
    • (Shadi) Screen text is wrong ("for tips and information" -> "for more information"
  • Monitor brand is quite visible - is it possible to remove this?
  • Please provide a good quality still image of the group in the library laughing while captions are playing (eg. ~0:28)

Colors with Good Contrast

Latest script: Script 2: Colors with Good Contrast

  • (Shadi) Several changes not implemented on the AD version. Also the narration is often out of synch
  • Overall very good narration speed and style, and sufficient pauses in between to process the visuals comortably
  • Different signs and cut-backs between person and signs are a tad confusing and adds more complexity than is needed to make the point. Probably use fewer different signs and maybe fewer back and forths.
  • To make the contrast difference between the signs more apparent, go from good contrast sign to low contrast sign without showing the person in between. Stay with just the one sign rather than two different ones.
    • (Brent) I didn't really like this update in the video. I think just showing the bad contrast sign is good. This is not a realistic experience that someone would have.
    • (Adina) I agree with Brent. She looks confused but the signs are fine. It's a couple of seconds before they go un-contrasty. I was very confused and thought it was an editing mistake until I saw the dissolve
  • Button getting brighter at 0:30 is good – but make it even more noticeable. Probably have the narration first "if it's important… needs to be clear", then be quiet so we can notice the button getting brighter.
  • Replace the scene with focus on the mobile phone lighting up (~0:36) with the older person using the tablet (during the narration "which become more common as we age"). The phone appears later again anyway.
    • (Shadi) Still distracting to have the switch to the mobile phone at ~0:39 (while the narration is still saying "becomes more common as we age"
  • Add just a bit more time at the very end showing the lady finding her way to the house
  • The two final sentences now are (see the updated script for specifics):
    • "Web accessibility: essential for some, useful for all"
    • "Visit w3.org/WAI/perspectives for more information on colors with good contrast"
      • make sure not to say forward slash but just slash
      • put "colors with good contrast" on its own line in the closing screen (to make it stand out)
      • please note also the comments on the design of the closing screen in the overall section
    • (Shadi) Screen text is wrong ("for tips and information" -> "for more information"
  • Phone logo somewhat visible at the end - is it possible to remove this?
  • Please provide a good quality still image of the mobile phone with the navigation button clearly visible (eg. ~0:31)

Voice Recognition

Latest script: Script 3: Voice Recognition

  • (Brent) No additional comments. Good video!
  • (Adina) The edits to this video are excellent! I love that we can hear the gentleman in the end finally able to place his order. Nice touch.
  • Overall there is a lot going on, with little time to process what is happening visually. Add more breaks between the narration to help people better process the visual information.
  • Whistling in background is nice but too loud. Need to increase the volume of the VO voice on this video. Consider replacing the music to something without the whistling to avoid distraction and high pitch.
  • Add a brief pause between "imagine you could only communicate by writing" and "sometimes it's just easier to speak", to allow time for people to understand the visual interaction.
  • Add brief pause before starting with "one of the advances of technology ...".
  • Add brief pause before hearing older person say "send email to jack". Also switch to the older person and let him finish the sentence before starting the narration "dictating emails".
  • Add brief pause before starting the narration "or controlling your mobile app", so that we can digest what she is doing. No need to extend the visual scene, though. Just shift the narration a tad.
  • Remove the audio of the person with disability saying "place order" the first time, to avoid it competing with the narration. Keep the visuals as is. Also keep the second time he says it after the narration completes.
  • The two final sentences now are (see the updated script for specifics):
    • "Web accessibility: essential for some, useful for all"
    • "Visit w3.org/WAI/perspectives for more information on voice recognition"
      • make sure not to say forward slash but just slash
      • put "voice recognition" on its own line in the closing screen (to make it stand out)
      • please note also the comments on the design of the closing screen in the overall section
    • (Shadi) Screen text is wrong ("for tips and information" -> "for more information"
  • Computer logo very visible in one or two scenes - is it possible to remove these?
  • Please provide a good quality still image of the woman holding the mug and smiling in front of the computer (eg. ~0:49)

Text to Speech

Latest script: Script 4: Text to Speech

  • (Brent) No additional comments. Good video!
  • (Adina) Good. No comments.
  • Very clear video with good visuals and narration, and sufficient breaks to process it all. Only the VO sometimes competes with the text-to-speech and music. Need to separate TTS and VO more.
  • Music is good, but it is too loud throughout and should be even lower during TTS audio sections. it is currently fighting with the VO.
  • The title of that video does not get announced as the video starts, like with all the other videos. Either have the narrator speak it, or text-to-speech (computer voice) announce it
  • Change narration from "It’s technology that many people with visual disabilities have been relying on for years." to "It’s technology that many people who are blind have been relying on for years." (see updated script above)
  • Add a brief break in ~0:22 before the narration restarts, to allow people to realize that the audio is coming from the tablet. Feel free to increase the audio from the tablet too.
  • Extend the multi-task scene. Stop the background text-to-speech while the narrator is saying "as well as for people who like to multitask", then make the text-to-speech more audible.
  • Keep the text-to-speech together with the voice over at the very end, but reduce the volume of the music throughout the video so that they do not compete as much.
  • The two final sentences now are (see the updated script for specifics):
    • "Web accessibility: essential for some, useful for all"
    • "Visit w3.org/WAI/perspectives for more information on text to speech"
      • make sure not to say forward slash but just slash
      • put "text to speech" on its own line in the closing screen (to make it stand out)
      • please note also the comments on the design of the closing screen in the overall section
    • (Shadi) Screen text is wrong ("for tips and information" -> "for more information"
  • Please provide a good quality still image of the man relaxing on the couch and listening to the tablet (eg. ~0:39)

Clear Layout and Design

Latest script: Script 5: Clear Layout and Design

  • (Brent) No additional comments. Good video!
  • (Adina) Good. No comments.
  • Re-record the title to add the word "clear". The correct title is "Clear Layout and design".
  • In the beginning, it's not clear that things are laid out poorly in the kitchen. Need more video of him searching for things, not close up of him getting things out of cabinet and putting on counter.
  • Replace close-up of "my camping mug" (~0:10) with more footage of him searching for things and not finding them.
    • (Shadi) Still strong focus on the mug - is this necessary to show kettle?
  • Wait a bit with the narration "and the same applies to the web", so that we can feel more of the frustration. Maybe wait until he resignates and shakes head, if that's not too long of a break.
  • Add a bit more time with focus on the website at ~0:23, to allow people to process the bad website design.
  • Add a bit more footage of the woman with low vision scanning the website using screen magnification software.
  • Remove the close-up of the hearts mug (~0:38) in favor of other footage with more important content. Maybe this is where you can add more footage of the woman with low vision using the website.
  • Add a bit more time between saying "...for people with visual disabilities" and saying "and people with cognitive and learning disabilities".
  • Stay with the woman with low vision until narration says "bad design also impacts ..." (~0:41).
  • Is there footage to better show how the woman helps the man find the other pizza delivery website? The transition from one website to the other needs to be more apparent. Maybe make typing the web address a little slower too?
  • Pause a bit before "clear layout and design: essential for some - useful for all" narration, to allow people to visually process that this is an improved layout and design.
  • The two final sentences now are (see the updated script for specifics):
    • "Web accessibility: essential for some, useful for all"
    • "Visit w3.org/WAI/perspectives for more information on clear layout and design"
      • make sure not to say forward slash but just slash
      • put "clear layout and design" on its own line in the closing screen (to make it stand out)
      • please note also the comments on the design of the closing screen in the overall section
    • (Shadi) Screen text is wrong ("for tips and information" -> "for more information"
  • Computer and monitor brands are quite visible throughout - is it possible to remove them?
  • Please provide a good quality still image of the woman leaning back and taking a bite of the pizza slice (not visible in current version)

Notifications and Feedback

Latest script: Script 6: Notifications and Feedback

  • (Adina) Strange dark blue box appears at 0:17 under cuckoo clock.
  • (Adina) Just read Brent's comment about this being the covering of the Dell logo (Dell logo actually reappears at 0:18). Why are we covering the Dell logo on the back if the next scene shows the dell logo under his screen?
  • Overall very clear but needs longer time on the important visuals – the error messages – long enough that people can read them. Also, pause the narration so people can process the visual without the auditory distraction.
  • Music is good.
  • Stay a little bit longer with the focus on the cuckoo clock door - at least until narration finishes says "wondering if there is some sort of problem". Is it possible to continue the slow zoom to build more suspense?
    • (Shadi) [minor] AD "hand on the clock approach 12" come on too early
  • (Brent) [HIGH] Post production is covering the Dell logo on the laptop with a little blue box, on my preview of the video it comes in too soon on the cuckoo clock right before the cut to the laptop.
  • Stay a little longer on the error message in ~0:31 and add a pause in the narration before says "making them understandable is usually quite simple". Is there a way to emphasize the change of messages even more?
  • Also emphasize the error message in ~0:46. Is it possible to zoom to the error message rather than to jump in?
  • Is it possible to add a very apparent transition from the bad error message to the good one in ~0:51?
    • (Shadi) Transition still unclear to the viewer
  • The two final sentences now are (see the updated script for specifics):
    • "Web accessibility: essential for some, useful for all"
    • "Visit w3.org/WAI/perspectives for more information on notifications and feedback"
      • make sure not to say forward slash but just slash
      • put "notifications and feedback" on its own line in the closing screen (to make it stand out)
      • please note also the comments on the design of the closing screen in the overall section
    • (Shadi) Screen text is wrong ("for tips and information" -> "for more information"
  • Computer brand is quite visible in some scenes - is it possible to remove this?
  • Please provide a good quality still image of the clock hand approaching 12 (eg. ~0:10)

Large Links, Buttons, and Controls

Latest script: Script 7: Large Links, Buttons, and Controls

  • (Brent) No additional comments. Good video!
  • (Adina) Good video. No comments.
  • Overall very clear and well-paced but needs just a little more pauses
  • Title changed and needs to be reflected in the narration and in the starting screen.
  • Add a pause before "but on the web...", so that "larger and easier to use" is spoken while the buttons are getting enlarged.
  • Also add pause between that narration segment and the next ("which is also handy"). You may need to add some more footage to keep the current good synchronization between "moving around" and seeing her pour water.
  • Wait with "which is critical for people with reduced dexterity" until we see the older woman in front of the computer.
  • The two final sentences now are (see the updated script for specifics):
    • "Web accessibility: essential for some, useful for all"
    • "Visit w3.org/WAI/perspectives for more information on large links, buttons, and controls"
      • make sure not to say forward slash but just slash
      • put "large links, buttons, and controls" on its own line in the closing screen (to make it stand out)
      • please note also the comments on the design of the closing screen in the overall section
    • (Shadi) Screen text is wrong ("for tips and information" -> "for more information"
  • Monitor brand is quite visible in some scenes - is it possible to remove this?
  • Please provide a good quality still image of the woman trying to thread the needle in full view (eg. ~0:09)

Customizable Text

Latest script: Script 8: Customizable Text

  • (Brent) Music is good. No additional comments. Good video!
  • Overall very good but starting around 0:20, there's too much going on to follow. Add more time when the narration is quiet to let us absorb the visuals. The toaster metaphor and analogy also needs to be made clearer.
  • Too many bell-like and high-pitched tones. Otherwise good melody. Please change to something in that direction but with less beeping.
  • Re-record the title to say "Customizable Text". Also adjust the title text accordingly.
  • Show a little more of the starting scene with the four toasts. Currently most of that scene is ghosted out. If needed, shorten the view of the dark and light toasts a tad accordingly.
  • Add a brief pause before saying "customization isn't always a matter of preference".
  • Remove the scene of the two people sitting and watching the toaster (~0:09-0:11), and instead put here the scene of the person adjusting the dial (~0:31-0:33). Currently it is not clear what they are doing and it is confusing.
  • Add a pause before saying "properly coded websites" to allow more time to follow the visuals.
  • Show more of her not being able to read the website after she puts on her glasses. Delay the narration to allow the visual information to be processed.
  • Add a break in the narration between "allow the text to be customized" (~0:23) and before starting "for example", to allow people to read the dialog box.
  • Stay a little longer on the improved text (after customization). Maybe you can zoom in or otherwise emphasize the change of the text?
  • Also stay a little longer with her smiling and satisfied with the changes.
  • At ~0:58 of the AD-version the older man is smiling and putting in a piece of toast into the toaster. Could this be played backwards, to appear as if he is taking out a piece of toast and smiling? This would be an ideal replacement for the toaster dial scene in ~0:31-0:33. Otherwise we can have this dial scene twice, at the start and at the end.
    • (Adina) I don't feel this comment was realized in this video -- I don't see the man smiling in the end (just a close-up of his hand and toaster) and therefore running it backwards doesn't make any sense. Just a burnt piece of toast being put back into the toaster.
    • (Shadi) Playing this video material backwards looks too awkward. There is not other film material available to replace this.
  • The two final sentences now are (see the updated script for specifics):
    • "Web accessibility: essential for some, useful for all"
    • "Visit w3.org/WAI/perspectives for more information on customizable text"
      • make sure not to say forward slash but just slash
      • put "customizable text" on its own line in the closing screen (to make it stand out)
      • please note also the comments on the design of the closing screen in the overall section
    • (Shadi) Screen text is wrong ("for tips and information" -> "for more information"
  • Computer brand is quite visible in some scenes - is it possible to remove this?
  • Please provide a good quality still image of the older man smiling and putting a toast in the toaster (or taking it out)

Understandable Content

Latest script: Script 9: Understandable Content

  • (Brent) Music is still too loud on this one. The music is good, just needs to be turned down a couple notches.
  • (Adina) Good video. No comments.
  • Overall funny but unfortunately too different to the other ones, to the point that it is not working well for some people.
  • The combination of the complicated language at the start and the speed at which the narrator reads it makes it too confusing to make the point well enough. The narration for the first three segments have been revised and need to be re-recorded. They now read:
    1. Instead of saying: to postulate a conceit more irksome than being addressed in sesquipedalian syntax is adamantine.
    2. It is better to say: being spoken to in unnecessarily long and complicated language is a pain!
    3. Yet many websites use overly complex language, jargon, and unexplained acronyms.
    4. Or they lack good structure with headings, lists, and separation.
  • Please make sure that the reading pace and tone of "to postulate a conceit more irksome than being addressed in sesquipedalian syntax is adamantine" is not quicker or more vocalized than other segments.
  • Also make sure to pause between "instead of saying" and "it is better to day" and the rest of the sentence. Also to say these in a vocalized way to clearly indicate that the rest of the sentence is something different.
  • Stay a little longer on the website in ~0:23, possibly with zooming in to emphasize the complexity of the website. Cut this extra time from scenes where they are making a mess.
  • Pause the narration at ~0:30 so that people are not distracted by the compelling visuals. The narration gets lost. Need to pause to let mind focus on one at a time.
  • Stay longer with the improved website (starting at ~0:37) to emphasize the difference. Also add more pause before the tagline/catchphrase.
  • The two final sentences now are (see the updated script for specifics):
    • "Web accessibility: essential for some, useful for all"
    • "Visit w3.org/WAI/perspectives for more information on understandable content"
      • make sure not to say forward slash but just slash
      • put "understandable content" on its own line in the closing screen (to make it stand out)
      • please note also the comments on the design of the closing screen in the overall section
    • (Shadi) Screen text is wrong ("for tips and information" -> "for more information"
  • Please provide a good quality still image of the good cooking website in full view (eg. ~0:35)

Keyboard Compatibility

Latest script: Script 10: Keyboard Compatability

  • (Adina) Good video. No comments.
  • (Shadi) AD version: (1) remove scene with person in the wheelchair in ~0:18-0:22; (2) replace AD "the man with the wheelchair also cannot use the website" (~0:34-0:37) with the earlier AD "a man with a wheelchair is using a mouth stick to type" (~0:21-0:23)
  • Background music in video is very bouncy/staccato and varied in pitch, making it distracting and difficult to follow the voice-over.
    • (Brent) [High] Music is not good. This tune is way to overwhelming and loud. Couldn't concentrate on any narration. Find something more mellow and toned down.
    • (Brent) [High] After the title is spoken ("Web Accessibility Perspectives: Keyboard Compatibility") there needs to be a pause before the rest of the narration starts, like the other videos. At least 1.5 to 2 seconds. It is too rushed.
      • (Shadi) Could use this additional time to show the person in the next scene shaking his head (as in the AD version)
  • Switch around the scenes of the man using mouth-stick and the woman with arm in a sling at the beginning, to match the narration.
    • (Brent) Video order throughout is good now!
  • Stay longer and zoom to the pop-up box saying "Use your mouse to click on a date in the calendar". Ideally also showing this message pop-up. This is really the most crucial part of the video and needs to be emphasized. Pause the narration during that period.
  • The two final sentences now are (see the updated script for specifics):
    • "Web accessibility: essential for some, useful for all"
    • "Visit w3.org/WAI/perspectives for more information on keyboard compatibility"
      • make sure not to say forward slash but just slash
      • put "keyboard compatibility" on its own line in the closing screen (to make it stand out)
      • please note also the comments on the design of the closing screen in the overall section
    • (Shadi) Screen text is wrong ("for tips and information" -> "for more information"
  • Computer brand is quite visible in some scenes - is it possible to remove this?
  • Please provide a good quality still image of the man using mouth stick in front of the computer (eg. ~0:25)