Brainscape's Knowledge GenomeTM

Browse over 1 million classes created by top students, professors, publishers, and experts.


See full index

CPACC 2024 > Web Accessibility Principles > Flashcards

Web Accessibility Principles Flashcards

1
Q

What does the acronym POUR stand for?

A
  • Perceivable
  • Operable
  • Understandable
  • Robust
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

What is the “perceivability” principle of web accessibility?

A
  • Perceivability is about making the output of web content available through multiple sensory modalities
  • You have to be able to perceive web content through at least one of your biological senses for it to be accessible at all
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

What is the “operability” principle of web accessibility?

A

Operability is about making the input methods of web content functionally available to a wide range of input devices

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

What are some of the input devices to keep in mind when designing for operability?

A
  • mouse or touchpad
  • keyboard
  • touchscreen
  • voice recognition software
  • other specialized input devices (most of which emulate the keyboard or mouse).
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

What is the “understandability” principle of web accessibility?

A

Understandability is about making content and interfaces that people can comprehend

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

What is the “robustness” principle of web accessibility?

A

Robustness is about ensuring compatibility with a broad range of user agents, including assistive technologies

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Why does perceivability matter?

A

If you can’t perceive web content, it may as well not exist.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

What is the only way for people who are both deaf and blind to access web content?

A
  • Tactile/touch output (typically a refreshable braille device)
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

What is a refreshable braille device?

A
  • Traditional print was on expensive, sturdy paper
  • Refreshable braille devices bypass this by using a screen reader to present one line of text at a time, allowing the user to feel it, then moving to the next line
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Why is digital text the universal format?

A
  • Digital text is the most universally accessible format available, because it can be converted into all of the other useful sensory formats
  • Provides access for people who are blind, for people who are deaf, and for people who are both blind and deaf
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

What does DU recommend when it comes to captions and trascripts?

A
  • You don’t need to make captions and transcripts visible to all - having the option to turn captions on/off or a link to a full transcript is enough
  • But there’s no rules against making them viewable by all - so if you want to do that, go for it!
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

How do you make dynamic content perceivable?

A
  • Use ARIS to announce when a tab is “expanded” or “collapsed”
  • You can use an ARIA live region to announce new content as it is inserted into the DOM.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Do you need to use ARIA and announce these things to a user who is blind?

A

Yes

  • A user who is blind won’t know when tabs expand or collapse unless this change of state is announced to them
  • If new content is injected into a page—such as an error message or a confirmation message - a user who is blind needs to hear this new information
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

What are two ways to ensure a user who is blind is aware of the state of a tab or of an error message?

A
  • Use ARIA live regions
  • Move the browser’s focus to those areas to force screen readers to read them
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

What does ARIA stand for?

A

Accessible Rich Internet Applications

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

What are some examples of how not everyone uses a computer in the same way?

A
  • Someone with tremors in their hands might find it difficult to use a mouse or touchpad
  • Some people have little or no movement in their limbs and rely on a device that senses movement in their cheek muscles or that tracks their eye gazes
  • Some people rely on software that interprets their speech as voice commands
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

What is meant by In, Within, Through and Out?

A
  • In: you must be able to navigate into web components
  • Within: you must be able to use features within them
  • Through: you must be able to navigate through them
  • Out: you must be able to navigate out of all of them

These must be able to be done with all input devices or some users will not be able to use a web component

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

How do you script for device independence?

A
  • Scripts are powerful and can override many native components
  • Use device-independent event handlers (such as onfocus, onblur, onselect) instead of device-specific handlers (onmouseover, onmouseout, ondblclick)
  • If you need to us both, test it both ways and on touchscreens
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

What does it mean to “control the focus” and what are examples of how to do this?

A
  • When creating dynamic interactions, it’s important to pay attention to the location of the programmatic focus (which is more often than not the keyboard focus)
  • When you create a pop-up modal dialogue, ensure that the focus automatically land on the modal dialogue.
  • When a user exits the modal dialog, ensure the focus returns to the previous focus location
  • Don’t let the focus get lost - this reverts back to the top of the document and the user wastes a lot of time and effort navigating back down
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

What are suggestions related to timing and operability?

A
  • Ensure people have enough time to interact with content
  • You don’t want to force an automatic timeout with something long, like a mortgage application
  • Session timeouts are allowable, but you should give the user sufficient warning in a popup that is accessible (think into, within, through and out)
21
Q

Why are keyboards important to accessibility?

A
  • You can achieve near-universal operability if you web content is keyboard-accessible
  • Everyone uses a keyboard, including people without disabilities, people who are blind, people with motor disabilities
  • Touchscreens emulate keyboards
  • Specialized input devices emulate the functionality of keyboards
22
Q

True or False: you should design for a keyboard and ignore mouse users

A

False

  • Some specialized input devices emulate mouse functionality (eye gaze tracking, for example)
  • If you can use web content with a keyboard and with a mouse, chances are quite high that you can use it on most every other device
23
Q

What are ways that you can create understandable content?

A
  • Specify the language
  • Simplify the reading or vocabulary level
  • Limit or avoid terminology or concepts that are unfamiliar or complex
  • Provide supplemental formats
24
Q

Why should you specify the language of text?

A

If the language is not designated in the markup, the screen reader will read using the pronunciation of whatever language is specified in their default settings

25
Q

Why should you simplify the reading or vocabulary level and what are some ways that reading can be challenging?

A

Why:
* Reading disorders are common

How:
* long or unfamiliar words
* long sentences
* complex sentence construction
* unclear wording
* long passages of text
* lines of text are too close to each other

26
Q

Why is it important to limit terminology or concepts that are unfamiliar or complex?

A
  • unfamiliar technical jargon or slang can be confusing
  • culturally-specific words or concepts are also confusing or easily misunderstood
  • some people with cognitive disabilities are unable to understand complex ideas and abstractions
27
Q

Why/how should you provide supplemental formats?

A
  • Some people can’t read - so simplifying the text won’t help them
  • Provide alternative formats, such as images, audio, video
  • Present the content directly and simply
28
Q

Do you have to create alternative formats? Isn’t it a ton of work?

A

It’s a lot of work to provide alternative formats, so consider your audience:
* If your main audience consists of people who cannot read or if your primary audience would experience a significant benefit from this, then you should provide alternative formats
* But accessibility guidelines don’t require you to do this - and we need to be realistic about our resources (time and money)
* That being said - providing supplemental formats can benefit people with cognitive disabilities and it also benefits those without disabilities

29
Q

How do you provide consistency or predictability to a web site?

A
  • Web sites with multiple pages or views should maintain a consistent look and feel across the pages or views
  • The visual layout and underlying reading order and tab order should not change radically from one page to another within the same context
  • The main navigation should generally contain the same links (though some links in submenus may be hidden in some views) and the text in those links should be consistent
  • Form controls, custom controls, and custom widgets should behave in standard ways, in accordance with common conventions
  • It is generally a bad idea to design a completely new and different way of interacting with web components unless there is a compelling reason, or as an experiment
  • If you design new ways of interacting, you would probably need to provide some additional instructions to let users know how to use the new components
30
Q

What are some ways to prevent user errors when they interact with a web page?

A
  • Provide instructions at the beginning of the interaction, such as the purpose of the interaction and what the user should do
  • If a field has any special constraints, make them visibly noted next to the field (things such as field is required, a button is read-only, data must be in a certain format, etc.)
31
Q

How should feedback be provided to the user?

A
  • When a user submits a form or sends data to a server, confirm the submission and say if it was successful or not
  • Ensure the confirmation is available to sighted and non-sighted users
  • Message should be read immediately to screen reader users - they should not have to search for this message - you can do this by sending focus immediately to the message or placing the message in an alert dialog
32
Q

What is recommended by DU in terms of supporting browsers?

A
  • You can’t support all browsers - and especially not retired browsers
  • You have to draw a line in the sand and support specific browsers back to a certain version
33
Q

What is meant by using standard markup?

A
  • Use appropriate validators:
  • HTML: use the W3C HTML validator
  • CSS: use the W3C CSS validator
  • Javascript: use Firebug to inspect the code or an online tool like JSLint

Valid content does not guarantee accessibility (and is not always necessary for accessibility) - but it helps eliminate many issues

34
Q

How can you ensure dynamic content is available to all users?

A

Use ARIA to indicate important information, such as Name, Role, Value of an interactive component

35
Q

Which principle of web accessibility focuses on presenting information that can be accessed through multiple biological senses?

A

Perceivable.

36
Q

Ensuring that interaction with web content does not depend on using specific input devices is an application of which principle?

A

Operable.

37
Q

Alerting users to session timeouts utilizes which principle?

A

Operable.

38
Q

True or False: Making sure that web content is robust means making sure that content is written in a manner that is easy to comprehend.

A

False.

39
Q

Ensuring that navigation features like a menu are consistent across the entire website is an example of which web accessibility principle?

A

Understandable.

40
Q

A popup warning on a web site that states to all users, “Your session is about to expire. Would you like to continue?” is an example of which web accessibility principle?

A

Perceivable.

41
Q

Link text that communicates the purpose and/or destination of the link is an example of which web accessibility principle?

A

Operable.

42
Q

Allowing users to extend a time limit on a web page is an example of which web accessibility principle?

A

Operable.

43
Q

An audio description track for a video tour of a facility is an example of which web accessibility principle?

A

Perceivable.

44
Q

An item that communicates to a screen reader that it is expanded or collapsed is an example of which web accessibility principle?

A

Robust.

45
Q

Functionality on a web page that is both mouse and keyboard accessible is an example of which web accessibility principle?

A

Operable.

46
Q

Important information that is communicated using both color and text is an example of which web accessibility principle?

A

Perceivable.

47
Q

Identifying the primary language of a web page is an example of which web accessibility principle?

A

Understandable.

48
Q

High contrast between text elements and the background on a web page is an example of which web accessibility principle?

A

Perceivable.

CPACC 2024 (11 decks)

Brainscape helps you reach your goals faster, through stronger study habits.
© 2024 Bold Learning Solutions. Terms and Conditions