GithubHelp home page GithubHelp logo

w3c / wai-showcase-examples Goto Github PK

View Code? Open in Web Editor NEW
10.0 13.0 33.0 38.58 MB

Accessibility Showcase Videos

Home Page: https://w3c.github.io/wai-showcase-examples/Overview.html

HTML 90.14% JavaScript 6.87% CSS 2.99%

wai-showcase-examples's Introduction

wai-showcase-examples

wai-showcase-examples's People

Contributors

andrewarch avatar bakkenb avatar haltersweb avatar hkramer avatar iadawn avatar nitedog avatar plehegar avatar shawna-slh avatar susanatx avatar vuxcaleb avatar yatil avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

wai-showcase-examples's Issues

[Script 4: Text to Speech] Is reading limiting?

Sequence 1 has onscreen 'Having to read everything can be limiting – especially in terms of audience' and the text in sequence 2 starts with 'Having to read everything can be limiting'.

I am not sure about the word 'limiting'. I am not sure it is explained enough as to why it is limiting or why this limit is a problem.

I wonder if it woudn't be better to talk about it in terms of 'For some people reading can be challenging'...?

Vital for accessibility - nice to have for others

It's good to show there are benefits of accessibility for people without disabilities, yet in some places they seem to have equal "weight". I think it's extremely important that we clearly communicate that some things are vital for pwds, and nice to have for others.

Examples:

  • 1: " There are lots of reasons why people might need captions – so for content to be available to more people in more places there’s a solution –add captions!" and throughout doesn't communicate that captions are ESSENTIAL for people who are Deaf.
  • 2: " If there’s sufficient color contrast more people can make use of the content in more environments – it’s just common sense" and throughout doesn't adequately communicate that some people cannot use it at all in any environment if there's not sufficient contrast.
  • 4: "Thanks to automated readers more people than ever have access to more of the web than ever before – proper coding can improve that even further." and throughout doesn't get across the importance of accessible to screen readers to people who are blind!
  • 10

It would be good to go over all scripts and check for this.

Actually, it might be really neat to have a catch phrase that communicates that point (vital for some; beneficial/useful for all/others) that we use in most or all of the videos...

[General/minor] Too much narration?

From reading the scenes feel very dependent on the narration. I don’t have enough knowledge of film-making to know if that is only a feeling from reading the scripts or if this is a valid concern, but I wanted to let you know.

One example: In Script 1/Scene 3 the narration is “Frustrating isn’t it? Not knowing what’s going on”. It would be really cool if the viewer had the impression that is frustrating without actually telling them.

[3: Voice] future, nobody

"It's the way of the future" -- not sure if we can say that.

"Nobody knows how far this technology has come better than people with physical disabilities - many have been relying on it for years". Not really true, especially with "Nobody". I'm sure there are many people with physical disabilities who don't know much about it. And there are experts in the field w/o disabilities who do know all about it.

[minor] Internet -> Web

A few places there is "net" or "Internet". Do we want that to be Web?

  • Script 5 "... applies to the internet[sic]."

[8: Text Customization] design and coding together

seq 7: "Good design allows anyone to resize or recolor text without loss of formatting function or clarity."
seq 8: "Proper coding makes the content fully customisable."

Especially reading the transcript, a person could think that good design does X and proper coding does Y -- but it's really both good design and good coding together.

I also put related pull requests thinking about the lines individually -- but they need to be thought of together...

[Script 8: Text Customization] Finishing on the toilet

I am really not sure about finishing with happy, smiling, relieved people. Comes a little bit too close to toilet humour for me and I don't know how well that would come across.

Also, why are their three toilet signs? Women, Men, and... ???

[3: Voice] can't go elsewhere

Otherwise people who rely on voice control will simply have to go elsewhere

If only it were simple! :-( Often times you cannot go elsewhere -- e.g., to get specific tax forms, to apply for a specific job, etc.

[Script 9: Simple Language] Messy business

I have an uneasy feeling: the first scene with making a mess could reinforce the notion that people with cognitive disabilities are bad at doing things and need help (even for simple things like baking).

Why not start positively, skipping the first scene and have the down syndrome person order the book and bake on their own.

[8: Text Customization] visual disabilities -> low vision?

Meaning that people with visual disabilities and dyslexia can use them

(also related to #48 )

I think many people in the one of the target audiences for these videos associate "visual disabilities" with blindness only, not low vision. I wonder if "low vision" is a better term to use in this context?

/me wants to check out understandably of "low vision" in other regions, e.g., where "partially sighted" is the more formal term...

[Script 5: Layout and Design] More frustrating things

There are few things in life more frustrating than a poor layout

Might be me, but I have a long list and poor layout is not at the top :)

This may be better expresssed without the superlative approach? Mayby something like:

Poor layout is extremely frustrating

or

When something is badly laid out, it is really frustrating

main point not come through

I wonder if the main point of each video doesn't come through clearly? When reviewing scripts, we have it in mind because we saw the heading. But I don't see it clearly in the narration or visuals for some of the scripts.

The videos might need visual text at the beginning and ending to make it clear. (and the text would probably be a little different from the current headings)

[2: Contrast] color blind minor

The main need for higher contrast is by people with low contrast sensitivity. People with different visual conditions have low contrast sensitivity, and contrast sensitivity decreases with age.

I think that in general, people who are colorblind do not have lower contrast sensitivity. If colors are used that they cannot discern, then having sufficient contrast will enable them to discern.

So I think the presentation isn't right on a few points.

I edited Sequence 5 as: "And this can be especially problematic for people with low contrast sensitivity, which is common as we age - and we're all aging! To those people, this, can look like this!
Good contrast can also help the approximately 1 in 12 males who are colorblind – that’s a lot of people." ... then I saw aging in the next Sequence.

I do think the focus and specific words need to be changed.

See also related issues...

[6: Notifications & Feedback]

seq 1: paper instructions
seq 2: video

these are two different mediums, so you're not showing apples-to-apples

someone could take that to mean that paper instructions are not clear but videos are clear. instead need to show the same medium being clear or not clear.

[scenarios] sign language

From George Heake :

Within the hearing disabilities scenarios I think ASL an other versions of International types of sign language should be developed into the scenarios in addition to captioning.

[Script 5: Layout and Design] harmful hyperbole

I had a very strong negative reaction to this:

There are few things in life more frustrating than a poor layout

-- how about inaccessible buildings, health insurance not covering recommended medical treatments, -- you get the point.

In [Script 8: Text Customization] I noted a similar thing in:

In every area of life text plays a vital role

-- naw, how about love, how about all the people who cannot process text, etc.

Please check through all of the scripts for this kind of thing.

[Script 7: Large Click Areas] Laptop in bus

Pull out from the person – they’re not sat on a chair at home, they a passenger on a bus.

Move to the person next to them who is working on a laptop and has a tremor meaning the cursor moves a lot. The person with the tremor manages to click on what they want thanks to large click area.

How do you make sure that people understand that the person is having the tremor and that it is not just complicated to click on stuff because the bus is moving? I think I see the point that you’re trying to make (involuntary movements), but I don’t think putting the people into a bus helps a lot. As there need to be a cut from the needle threading to the website using, why not show the tablet person with a mobile phone while walking (creates enough bounce that it is hard to target tiny things), then sitting down in a café or where on another table the person with the tremor uses the computer.

[Script 3: Voice Recognition] Evolved speech

It may be better to say something like:

Speech makes this much easier

To be a bit flippant, I don't know that speech was evolved to confirm kids don't know what they want to eat ;)

[Script 8: Text Customization] Text example may not be as vital as all that

Not sure about the example. It is extremely rare that a toilet sign would not include iconography to support the text.

This may need an example where iconography is not that common. Trouble is, changing this changes the whole narrative, which otherwise works well.

Perhaps rather than ladies/gents, maybe just "Toilets". This is a bit more commonly seen without iconography.

problems

I don't like the use of "problems" in many places -- e.g., "And it can help other people with temporary problems". Can we say "limitations" or "impairments"?

[Script 3: Voice Recognition] Why use after injury?

Sequence 4 has the user continuing to use voice control after the injury has healed. Not quite sure what this intends to communicate... if it is the idea that repitition of the injury could be avoided it might be a bit subtle and also a bit too much going on.

It may be better to just show a person with a wrist injury (or bandage) acoiding using a mouse and using the voice recognition.

[2: Contrast] won't help

Older person walks into the room and rubs their eyes – contrast returns to normal

IMPORTANT: No! this implies a person just rubs their eyes and then magically their contrast sensitivity returns.:( Age-related contrast sensitivity loss is permanent and you cannot get it back, afaik.

has to walk right up to the signs to try to figure them out

I'm pretty sure that getting closer would not help.

The person using the app looks at a poorly contrasted button that becomes clear as they look at it.

Meaning the contrast gets stronger?

[Script 2: Color Contrast] Jumping around

The visuals in this seem to jump around a lot:

  • First we are in the street with a road sign (1-2)
  • Then street with an app (3-4)
  • Then person on a sofa looking at tablet (5)

And wasn't sure about older person coming in rubbing their eyes.

I think the text also jumps around a bit, particularly in sequence 6

[Script 9: Simple Language] Example form

Sequence 3 visuals suggest a form with complicated langage. This might be quite hard to communicate as forms are not usually replete with byzantine language.

(See what I did there :))

[Script 1: Video Captions] Unsure about hearing aid

I appreciate that there needs to be some way to indicate that the observer in sequence 4 has a hearing disability, but if they have a hearing aid why would they need captions? Unless the hearing aid doesn't work.

An extreme analogy might be showing someone wearing glasses but indicating they need to use a white cane. Maybe a bit too much of an extreme analogy.

[Script 3: Voice Recognition] Hearing the commands?

Just thinking about these videos, for some aspects hearing the commands the user in the video may be an important part to help viewers understand the narrative. Won't the voice over get in the way of that?

[3: Voice] evolved speech

If you could only communicate with your family by writing, imagine how long everything would take. That’s why we evolved speech...

Seems like that's saying that in human evolution writing came first and then speech, which I;m pretty sure was not the case. :)

[Script 5: Layout and Design] Not sure about café scene

Reveal that the whole scene has been in a café where there are plenty of people on computers, tablets and phones – one is clearly perplexed by the website they’re on

I am not sure how the café scene helps to convey the message. Or the following sequence where it is panning to an angry, older user. It seems there is a lot of time invested in this scenario in this video and little showing the benefit to people with disabilities.

[scenarios] reference targets

From Kevin White @iadawn :

Do we want to point to something other than w3.org/WAI? The home page may not be the best place for the target audiences.

[7: Large Click Areas] miss small, hit larger

The person with the tremor manages to click on what they want thanks to large click area.

Show small click area and they can't settle on it -- then larger click area and they get it.

[Script 8: Text Customization] Reflective of dyslexia

I am not sure about the example with dyslexia. The narrative talks about layout but the visuals only suggests a single word.

Also, I am not sure that 'jumbled text' is entirely descriptive how people with dyslexia perceive. I think I would want to avoid the risk of trivialising or making it look silly.

Perhaps rather than focusing on the same sign, focus on the menu?

[8: Text Customization] cognitive color and font face

The person who saw the text jumbled replaces the sign with one with a different colour scheme – they read it clearly

In a survey on text customization, people with cognitive disabilities (and not visual disabilities) rated as most important: color and font face -- so if we keep something like this, it would be good to also change the font from a "fancy" font to a simple sans serif font.

[requirements] audiences

From Kevin White @iadawn :

I wonder about the 'People with stereotype and stigmatized perception of disability' target audience. It is quite a bit more negative than the other audiences, and wonder if it is a good one to focus on?

[Script 10: Keyboard Compatability] Uncertain it conveys the point well

I think this script does not respond that well to the requirements at the top of the page. It doesn't really make sense and doesn't convey the problems that can come with lack of keyboard accessibility.

Sorry, no immediate bright ideas.

I think it needs a more believable analogy and needs to show interactions that limit a keyboard only user. Inability to submit a form, unable to close a modal window, dunno.

Recommend Projects

  • React photo React

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

  • Vue.js photo Vue.js

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

  • Typescript photo Typescript

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

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

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

Recommend Topics

  • javascript

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

  • web

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

  • server

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

  • Machine learning

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

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

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

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.