Brainscape's Knowledge GenomeTM

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


See full index

TT284: block 1 - Basic Web Technologies > Part 4 - An accessible web > Flashcards

Part 4 - An accessible web Flashcards

1
Q

when audio is present on a web page what should it be accompanied by to achieve accessibility

A

this should be accompanied by a transcript so that screen readers and even search engines can interpret what is being said

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

to accompish this we use:
1. <.table></.table> - define a table
2. <.tr></.tr> - define a row in said table
3. <.th></.th> - define that a cell is a table header
4. <.td></.td> - define that a cell contains table data

A

what 4 html tags can
create a simple table

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

which users benefit from a website built with accessibility

A

this places emphasise on those with mental or physical disabilities however. this also provide benefits for:
* the elderly
* those with temporary disabilities (such as a broken arm)
* those who are not disabled (speech recognition)

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

this can be placed in a html document using
<.audio></.audio>

A

how is audio placed into a html document

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

describe the W3C / WAI
Web Content Accessibility Guidelines (WCAG) 2

A

this defines standards and guidelines about the content of a web page itself including:
* natural information such as text, images, and sounds
* code or markup that defines structure, presentation
* etc.

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

this html tag creates an unordered (bullet point) list

A

describe the html tag
<.ul></.ul>

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

this includes standards and guidelines for implementing accessibility into user agents such as:
* browsers
* browser extensions
* media players
* readers
* other applications that render web content

A

describe the W3C / WAI
User Agent Accessibility Guidelines (UAAG)

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

what is
semantic markup

A

this is markup that desribes what the element actually is and its purpose
example
<.div> - gives no indication of what it could contain
<.nav> - tells the user agent that this is a navigation bar

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

how is audio placed into a html document

A

this can be placed in a html document using
<.audio></.audio>

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

this sets the background color of the selected element(s)

A

describe the css property
background-color

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

this defines standards and guidelines that provide accessibility in authoring tools such as html editors so that:
* make the authoring tools themselves accessible, so that people with disabilities can create web content, and
* help authors create more accessible web content.

A

describe the W3C / WAI
Authoring Tool Accessibility Guidelines (ATAG)

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

describe the html tag
<.ul></.ul>

A

this html tag creates an unordered (bullet point) list

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

describe the <.img> attribute
longdesc

A

this img attribute provides a hyperlink to a detailed description of the image

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

describe the
understandable
category from the
Web Content Accessibility Guidelines (WCAG) 2

A

W3C describes this as:
Information and the operation of user interface must be understandable.

this means that users must be able to understand and interpret any content that is displayed to them as well as understand how to interact with content and functionality

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

describe the css property
background-color

A

this sets the background color of the selected element(s)

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

this img attribute provides a hyperlink to a detailed description of the image

A

describe the <.img> attribute
longdesc

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

this can be used to create list items in an unordered list or an ordered list

A

describe the html tags
<.li></.li>

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

the World Wide Web Consortium (W3C) answers this by stating:
Web accessibility means that websites, tools, and technologies are designed and developed so that people with disabilities can use them.

A

according to the World Wide Web Consortium (W3C)
what does accessibility mean

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

this should be accompanied by a transcript so that screen readers and even search engines can interpret what is being said

A

when audio is present on a web page what should it be accompanied by to achieve accessibility

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

this is a World Wide Web Consortium (W3C) initiative that develops:
* guidelines which are widely regarded as the international standard for web accessibility
* support materials to help understand and implement web accessibility
* resources, through international collaboration

(source)

A

what is the
W3C’s Web Accessibility Initiative (WAI)

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

describe the
operable
category from the
Web Content Accessibility Guidelines (WCAG) 2

A

W3C describes this as:
User interface components and navigation must be operable.

this means that anything that is rendered must be functional and accessible to all

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

values for this <.img> attribute include:
* an id to another element
* an absolute URL
* a relative URL

A

what 3 values can be given to the <.img>
longdesc attribute

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

what 3 values can be given to the <.img>
longdesc attribute

A

values for this <.img> attribute include:
* an id to another element
* an absolute URL
* a relative URL

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

to
meet UK government accessibility requirements
what 4 things must a digital service meet

A

to meet this a digital service must:
* meet level AA of theWeb Content Accessibility Guidelines (WCAG 2.1)as a minimum
* work on the most commonly usedassistive technologies- including screen magnifiers, screen readers and speech recognition tools
* include disabled people inuser research
* have anaccessibility statementthat explains how accessible the service is - you need to publish this when the service moves into public beta

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

describe the W3C / WAI
Authoring Tool Accessibility Guidelines (ATAG)

A

this defines standards and guidelines that provide accessibility in authoring tools such as html editors so that:
* make the authoring tools themselves accessible, so that people with disabilities can create web content, and
* help authors create more accessible web content.

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

name 5 hints that are given by the W3C that can help increase the websites operability

A

these include:
* Make all functionality available from akeyboard.
* Give usersenough timeto read and use content.
* Do not use content that causesseizuresor physical reactions.
* Help usersnavigate and find content.
* Make it easier to useinputs other than keyboard.

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

W3C describes this as:
Content must be robust enough that it can be interpreted by by a wide variety of user agents, including assistive technologies.

this includes past, present and upcoming technologies

A

describe the
robust
category from the
Web Content Accessibility Guidelines (WCAG) 2

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

describe the
title attribute

A

this attribute defines some extra information about an element.

The value of the this attribute will be displayed as a tooltip when you mouse over the element

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

what 4 html tags can
create a simple table

A

to accompish this we use:
1. <.table></.table> - define a table
2. <.tr></.tr> - define a row in said table
3. <.th></.th> - define that a cell is a table header
4. <.td></.td> - define that a cell contains table data

30
Q

this specifies the type of positioning method used for an element

A

describe the css
position Property

31
Q

W3C describes this as:
Information and user interface components must be presentable to users in ways they can perceive.

this means that all users must be aware of all content and components that are being rendered

A

describe the
perceivable
category from the
Web Content Accessibility Guidelines (WCAG) 2

32
Q

what is the
W3C’s Web Accessibility Initiative (WAI)

A

this is a World Wide Web Consortium (W3C) initiative that develops:
* guidelines which are widely regarded as the international standard for web accessibility
* support materials to help understand and implement web accessibility
* resources, through international collaboration

(source)

33
Q

according to the World Wide Web Consortium (W3C)
what does accessibility mean

A

the World Wide Web Consortium (W3C) answers this by stating:
Web accessibility means that websites, tools, and technologies are designed and developed so that people with disabilities can use them.

34
Q

this is a term that describing that the information and functionality of a website is accessible and understandable by all.

A

describe
accessibility
in the context of the web

35
Q

This property sets the width of an element.

The width of an element does not include padding, borders, or margins!

A

describe the css property
width

36
Q

this includes:
* * static
* * relative
* * fixed
* * absolute
* * sticky

A

what are the 5 positioning methods that can be used with the

css position property

37
Q

this includes:
* Maximizecompatibilitywith current and future user tools.

A

name 1 hint that are given by the W3C that can help increase the websites robustness

38
Q

name 1 hint that are given by the W3C that can help increase the websites robustness

A

this includes:
* Maximizecompatibilitywith current and future user tools.

39
Q

this is markup that desribes what the element actually is and its purpose
example
<.div> - gives no indication of what it could contain
<.nav> - tells the user agent that this is a navigation bar

A

what is
semantic markup

40
Q

describe the html tags
<.li></.li>

A

this can be used to create list items in an unordered list or an ordered list

41
Q

these include:
* perceivable
* operable
* understandable
* robust

A

what are the 4 categories that the (W3C) (WAI)
Web Content Accessibility Guidelines (WCAG) 2
is broken into

42
Q

describe the html tags
<.ol></.ol>

A

this html tag creates an ordered (numbered) list

43
Q

what are the 5 positioning methods that can be used with the

css position property

A

this includes:
* * static
* * relative
* * fixed
* * absolute
* * sticky

44
Q

name 3 hints that are given by the W3C that can help increase the websites understandability

A

these include:
* Make textreadable and understandable.
* Make content appear and operate inpredictableways.
* Help usersavoid and correct mistakes.

45
Q

this defines standards and guidelines about the content of a web page itself including:
* natural information such as text, images, and sounds
* code or markup that defines structure, presentation
* etc.

A

describe the W3C / WAI
Web Content Accessibility Guidelines (WCAG) 2

46
Q

W3C describes this as:
Information and the operation of user interface must be understandable.

this means that users must be able to understand and interpret any content that is displayed to them as well as understand how to interact with content and functionality

A

describe the
understandable
category from the
Web Content Accessibility Guidelines (WCAG) 2

47
Q

when creating tables its important this tag is used as screen readers will convey this information making the table perceivable and accessible

A

for accessibility why is it important to use
<.th></.th> - table haeder tags

48
Q

these include:
* Make textreadable and understandable.
* Make content appear and operate inpredictableways.
* Help usersavoid and correct mistakes.

A

name 3 hints that are given by the W3C that can help increase the websites understandability

49
Q

this html tag creates an ordered (numbered) list

A

describe the html tags
<.ol></.ol>

50
Q

what is the syntax for the <.img>
longdesc attribute

A

syntax for this is:
<.img longdesc=”string”>

51
Q

the 3 categories this is broken into are:
* Web Content Accessibility Guidelines (WCAG) 2
* Authoring Tool Accessibility Guidelines (ATAG)
* User Agent Accessibility Guidelines (UAAG)

A

what three categories is the W3C
web accessibility initiative (WAI)
broken into

52
Q

this attribute defines some extra information about an element.

The value of the this attribute will be displayed as a tooltip when you mouse over the element

A

describe the
title attribute

53
Q

describe the
perceivable
category from the
Web Content Accessibility Guidelines (WCAG) 2

A

W3C describes this as:
Information and user interface components must be presentable to users in ways they can perceive.

this means that all users must be aware of all content and components that are being rendered

54
Q

describe the css
position Property

A

this specifies the type of positioning method used for an element

55
Q

this is important to use because it tells the user agent the structure of the content. a user agent can then use this information so that it can be conveyed in a meningfull way if for exampe a screen reader is in use

A

why is the use of semantic markup important

56
Q

name 4 hints that are given by the W3C that can help increase the websites perceivability

A

these include:
* Providetext alternativesfor non-text content.
* Providecaptions and other alternativesfor multimedia.
* Create content that can bepresented in different ways, including by assistive technologies, without losing meaning.
* Make it easier for users tosee and hear content.

57
Q

syntax for this is:
<.img longdesc=”string”>

A

what is the syntax for the <.img>
longdesc attribute

58
Q

to meet this a digital service must:
* meet level AA of theWeb Content Accessibility Guidelines (WCAG 2.1)as a minimum
* work on the most commonly usedassistive technologies- including screen magnifiers, screen readers and speech recognition tools
* include disabled people inuser research
* have anaccessibility statementthat explains how accessible the service is - you need to publish this when the service moves into public beta

A

to
meet UK government accessibility requirements
what 4 things must a digital service meet

59
Q

W3C describes this as:
User interface components and navigation must be operable.

this means that anything that is rendered must be functional and accessible to all

A

describe the
operable
category from the
Web Content Accessibility Guidelines (WCAG) 2

60
Q

what are the 4 categories that the (W3C) (WAI)
Web Content Accessibility Guidelines (WCAG) 2
is broken into

A

these include:
* perceivable
* operable
* understandable
* robust

61
Q

these include:
* Providetext alternativesfor non-text content.
* Providecaptions and other alternativesfor multimedia.
* Create content that can bepresented in different ways, including by assistive technologies, without losing meaning.
* Make it easier for users tosee and hear content.

A

name 4 hints that are given by the W3C that can help increase the websites perceivability

62
Q

describe the css property
width

A

This property sets the width of an element.

The width of an element does not include padding, borders, or margins!

63
Q

why is the use of semantic markup important

A

this is important to use because it tells the user agent the structure of the content. a user agent can then use this information so that it can be conveyed in a meningfull way if for exampe a screen reader is in use

64
Q

describe the
robust
category from the
Web Content Accessibility Guidelines (WCAG) 2

A

W3C describes this as:
Content must be robust enough that it can be interpreted by by a wide variety of user agents, including assistive technologies.

this includes past, present and upcoming technologies

65
Q

these include:
* Make all functionality available from akeyboard.
* Give usersenough timeto read and use content.
* Do not use content that causesseizuresor physical reactions.
* Help usersnavigate and find content.
* Make it easier to useinputs other than keyboard.

A

name 5 hints that are given by the W3C that can help increase the websites operability

66
Q

this places emphasise on those with mental or physical disabilities however. this also provide benefits for:
* the elderly
* those with temporary disabilities (such as a broken arm)
* those who are not disabled (speech recognition)

A

which users benefit from a website built with accessibility

67
Q

describe
accessibility
in the context of the web

A

this is a term that describing that the information and functionality of a website is accessible and understandable by all.

68
Q

for accessibility why is it important to use
<.th></.th> - table haeder tags

A

when creating tables its important this tag is used as screen readers will convey this information making the table perceivable and accessible

69
Q

describe the W3C / WAI
User Agent Accessibility Guidelines (UAAG)

A

this includes standards and guidelines for implementing accessibility into user agents such as:
* browsers
* browser extensions
* media players
* readers
* other applications that render web content

70
Q

what three categories is the W3C
web accessibility initiative (WAI)
broken into

A

the 3 categories this is broken into are:
* Web Content Accessibility Guidelines (WCAG) 2
* Authoring Tool Accessibility Guidelines (ATAG)
* User Agent Accessibility Guidelines (UAAG)

TT284: block 1 - Basic Web Technologies (7 decks)

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