bg‑azure

Do you know that the World Wide Web is actually a global collection of documents and other resources?

Czy wiesz, że World Wide Web to globalny zbiór dokumentów i innych zasobów?

RwPc0DtO9G2ys
How much do you know about web accessibility?
Jak wiele wiesz o dostępności do sieci?
Źródło: dostępny w internecie: www.pexels.com [dostęp 7.04.2022], domena publiczna.
Exercise 1
R1UmufAH8tzZp
Do the quiz and find out how much you know about Web accessibility. 1. Which web accessibility feature for web browsing helps people with poor vision?
A) dictation software
B) zoom
C) screen reader
D) Braille display

2. WCAG stands for
A) Web Continuous Access Go.
B) Web Content Accessibility Guidelines.
C) Web Content Access Game.
D) Web Contrary Access Guidelines.

3. Which of the following components do screen readers find most helpful in navigating through a webpage?
A) tables
B) links
C) headings
D) all of the above

4. The four words that make up POUR are
A) Predictable, Operable, Understandable, Repeatable.
B) Principle, Objective, Understandable, Robust.
C) Perceivable, Operative, Understandable, Regressive.
D) Perceivable, Operable, Understandable, Robust.

5. The risks of an inaccessible website are
A) the loss of income.
B) arguments and brand reputation.
C) talent possession difficulties.
D) all of the above.

6. W3C stands for
A) World Wide Web Consortium.
B) World Web Wonders Coming.
C) Web World Works Cool.
D) Web Work Widely Continues.
Źródło: GroMar Sp. z o.o., licencja: CC BY-SA 3.0.

Read the text and do the exercises below.

Ready to Get Connected
Anna Faszcza Ready to Get Connected

Nowadays, the Web is essential to all people as they use it at work, school, or on the road. There are over one billion people with disabilities around the world, which makes about 15‑20 percent of the whole population. The United Nation Convention of the Rights of Persons with Disabilities defines access to informationaccess to informationaccess to information as a human righthuman righthuman right. Many countries globally started to implement Web accessibility standards as an essential option for the disabled and, at the same time, useful for all.

(1)
Web accessibilityWeb accessibilityWeb accessibility, or eAccessibility, means that everyone can use it equally. It includes people with mental, physical disabilities or impairmentsimpairments [impairment]impairments, situational disabilities, socio‑economic limitations and people with no disabilities as well. The rule is as simple as that: the more accurately designed, developed and edited sites are, the more equal access to information for all users is. We can divide web visitors into the following categories:

  • With visual disabilitiesvisual disabilities [visual disability]visual disabilities: low vision, blindness, colour blindnesscolour blindnesscolour blindness.

  • With auditory disabilitiesauditory disabilities [auditory disability]auditory disabilities: deafness, hard of hearing.

  • With cognitive and neurological disabilitiescognitive and neurological disabilities [cognitive and neurological disability]cognitive and neurological disabilities: learning disabilities, memory impairment, sclerosis, attention deficit hyperactivity disorder, seizure disorder.

  • With physical and motor disabilitiesphysical and motor disabilities [physical and motor disability]physical and motor disabilities: arthritis, amputation, muscular dystrophy.

  • With other experiences: slow Internet connection, loud or busy environment.

(2)
A person without arms can still use a computer by means ofby means ofby means ofmouthstick stylusmouthstick stylusmouthstick stylus to type. A person with hearing impairment uses captionscaptions [caption]captions to watch videos, and a person with poor vision may use a screen readerscreen readerscreen reader to read out loud what’s on the screen. Also headings, labels, or other code support accessibility and improve the quality. There are web visitors with other visual disabilities, such as blindness or colour blindness, for whom brightness and contrast factors matter.

(3)
That is possible to do as the World Wide Web Consortium (W3C) developed standards to follow, such as Web Content Accessibility Guideline (WCAG) with its four principles, to make sure that websites are able to meet top requirements. Web technologies, such as HyperText Markup Language (HTML), provide supportprovide supportprovide support for many accessibility features. HTML is the standard markup language for Web pages. You can create your own Website with it. Other features provide text alternativestext alternatives [text alternative]text alternatives for images, which are read aloud by screen readers and used by search engines. All of these show the great importance of having semantic heading structures to ensure proper colour contrast to providing text alternatives for video.

(4)

  • Perceivable; information should be introduced and presented to the users in the way that everybody can easily recognise so that they can see or hear, for instance by providing text alternatives for non‑text content.

  • Operable; all the functionality must be available from the keyboard so people can use the computer by typing or by voice.

  • Understandable; people can get clear and simple language.

  • RobustrobustRobust; content must be interpreted reliably by all user ages and people can get and use assistive technologiesassistive technologies [assistive technology]assistive technologies.

(5)
Many people struggle with a vast number of  barriersvast number of barriersa vast number of  barriers to communication and interaction. The web removes these barriers and lets people use the internet despite poor hearing, movement or sight difficulties and many other disabilities in order not to excludeexcludeexclude them from society.

All in all, many people face various obstacles not only in the physical world but also in the virtual one and that is why more and more is done to make websites and online content more accessible for everybody.

1 Źródło: Anna Faszcza, licencja: CC BY-SA 3.0.
Exercise 2
R1J4IxHvOUEVu
1. 1. Who does it help?, 2. What kind of technology is used?, 3. Why is Web accessibility important?, 4. How do we comply?, 5. Any particular examples?, 6. What are the principles of Web accessibility?, 7. What barriers do we remove?
2. 1. Who does it help?, 2. What kind of technology is used?, 3. Why is Web accessibility important?, 4. How do we comply?, 5. Any particular examples?, 6. What are the principles of Web accessibility?, 7. What barriers do we remove?
3. 1. Who does it help?, 2. What kind of technology is used?, 3. Why is Web accessibility important?, 4. How do we comply?, 5. Any particular examples?, 6. What are the principles of Web accessibility?, 7. What barriers do we remove?
4. 1. Who does it help?, 2. What kind of technology is used?, 3. Why is Web accessibility important?, 4. How do we comply?, 5. Any particular examples?, 6. What are the principles of Web accessibility?, 7. What barriers do we remove?
5. 1. Who does it help?, 2. What kind of technology is used?, 3. Why is Web accessibility important?, 4. How do we comply?, 5. Any particular examples?, 6. What are the principles of Web accessibility?, 7. What barriers do we remove?
Źródło: GroMar Sp. z o.o., licencja: CC BY-SA 3.0.
Exercise 3
RO0Ch5ImBRsxM
Match the words from the text with their definitions. Deny access to a place or group Możliwe odpowiedzi: 1. mouthstick stylus, 2. robust, 3. captions, 4. impairments, 5. exclude, 6. colour blindness Strongly formed and constructed Możliwe odpowiedzi: 1. mouthstick stylus, 2. robust, 3. captions, 4. impairments, 5. exclude, 6. colour blindness Brief explanations which illustrations Możliwe odpowiedzi: 1. mouthstick stylus, 2. robust, 3. captions, 4. impairments, 5. exclude, 6. colour blindness Decrease or loss of function Możliwe odpowiedzi: 1. mouthstick stylus, 2. robust, 3. captions, 4. impairments, 5. exclude, 6. colour blindness A device that allows you to control a tablet with your mouth Możliwe odpowiedzi: 1. mouthstick stylus, 2. robust, 3. captions, 4. impairments, 5. exclude, 6. colour blindness See colours differently than most people Możliwe odpowiedzi: 1. mouthstick stylus, 2. robust, 3. captions, 4. impairments, 5. exclude, 6. colour blindness
Źródło: GroMar Sp. z o.o., licencja: CC BY-SA 3.0.
Exercise 4

Based on the information from the text, finish the sentences about Web accessibility.

  1. The aim of web accessibility is to…

  2. Web accessibility concentrates its efforts to help people…

  3. The four main principles of WCAG are…

R7al9HMB3MhcN
(Uzupełnij).
Źródło: GroMar Sp. z o.o., licencja: CC BY-SA 3.0.

Słownik

access to information
access to information

/ ˈækses tu ˌɪnfəˈmeɪʃn̩ /

R14RQRXfxB3tH1
Nagranie dźwiękowe

dostęp do informacji (a right to request and receive information)

RvL2ydmfQ8ZQ21
Nagranie dźwiękowe
alternative texts [alternative text]
alternative texts [alternative text]

/ ɔːlˈtɜːnətɪv teksts / / ɔːlˈtɜːnətɪv tekst /

RU1domb4Ncmvb1
Nagranie dźwiękowe

teksty alternatywne [tekst alternatywny] (a textual substitute for non‑text content in web pages)

Rv3uIqtxfBwKO1
Nagranie dźwiękowe
assistive technologies [assistive technology]
assistive technologies [assistive technology]

/ əˈsɪstɪv tekˈnɒlədʒi /

RnSkankiZhsm61
Nagranie dźwiękowe

technologie wspomagające [technologia wspomagająca] (a device, software, or equipment that helps people with disabilities learn, communicate, or function better)

RPL4X7No1v25e1
Nagranie dźwiękowe
auditory disabilities [auditory disability]
auditory disabilities [auditory disability]

/ ˈɔːdɪtəri ˌdɪsəˈbɪlɪtɪz / / ˈɔːdɪtəri ˌdɪsəˈbɪlɪti /

Rmn987yUkSnu91
Nagranie dźwiękowe

dysfunkcje narządu słuchu [dysfunkcja narządu słuchu] (a condition which prevents one’s ears from working properly)

RwsjXROQBykPR1
Nagranie dźwiękowe
by means of
by means of

/ ˈbaɪ miːnz ɒv /

Rc01gbIQBVJcq1
Nagranie dźwiękowe

za pomocą (with the help of)

R1O3ed1WHjVZa1
Nagranie dźwiękowe
captions [caption]
captions [caption]

/ ˈkæpʃn̩z / / ˈkæpʃn̩ /

R1F5up8CROHXc1
Nagranie dźwiękowe

napisy, podpisy [napis, podpis] (a short text under a picture explaining its content)

R1WixKclnWgzE1
Nagranie dźwiękowe
cognitive and neurological disabilities [cognitive and neurological disability]
cognitive and neurological disabilities [cognitive and neurological disability]

/ ˈkɒɡnətɪv ənd ˌnjʊərəˈlɒdʒɪkl̩ ˌdɪsəˈbɪlɪtɪz / / ˈkɒɡnətɪv ənd ˌnjʊərəˈlɒdʒɪkl̩ ˌdɪsəˈbɪlɪti /

RshRuEyfVTBW31
Nagranie dźwiękowe

zaburzenia funkcji poznawczych i neurologicznych [zaburzenie funkcji poznawczych i neurologicznych] (conditions which cause limitations in mental functioning and a dysfunction in part of the brain or nervous system)

R1AHPBgD25Xjn1
Nagranie dźwiękowe
colour blindness
colour blindness

/ ˈkʌlə ˈblaɪndnəs /

R4O1xPXyzOSGz1
Nagranie dźwiękowe

barwoślepota, daltonizm (the decreased ability to see colour or differences in colour)

RVMpBcUSjEEhZ1
Nagranie dźwiękowe
exclude
exclude

/ ɪkˈskluːd /

RahSq6YS1hlED1
Nagranie dźwiękowe

wykluczać (to prevent someone or something from participation in an activity or entrance into a place)

RLrKRB8GUQRH41
Nagranie dźwiękowe
human right
human right

/ ˈhjuːmən raɪt /

RUnbFfwtya9hc1
Nagranie dźwiękowe

prawo człowieka (a right inherent to all human beings)

RPqb41h9ecdEa1
Nagranie dźwiękowe
impairments [impairment]
impairments [impairment]

/ ɪmˈpeəmənts / / ɪmˈpeəmənt /

R1QjEHPX3aZVT1
Nagranie dźwiękowe

zaburzenia, upośledzenia [zaburzenie, upośledzenie] (disability)

RXGYN0WUlbXe51
Nagranie dźwiękowe
mouthstick stylus
mouthstick stylus

/ ˈmaʊthetastɪk ˈstaɪləs /

R1Dhlm73sYWCj1
Nagranie dźwiękowe

rysik wkładany w usta, narzędzie umożliwiające obsługę komputera osobom z niepełnosprawnością narządów ruchu (a stylus inserted in the mouth, a tool enabling people with movement disabilities to operate a computer)

R18CtmdSA1RG41
Nagranie dźwiękowe
physical and motor disabilities [physical and motor disability]
physical and motor disabilities [physical and motor disability]

/ ˈfɪzɪkl̩ ənd ˌməʊtər ˌdɪsəˈbɪlɪtɪz / / ˈfɪzɪkl̩ ənd ˌməʊtər ˌdɪsəˈbɪlɪti /

RKdPyRzFe84n91
Nagranie dźwiękowe

zaburzenia fizyczne i ruchowe  [zaburzenie fizyczne i ruchowe] (a condition limiting person’s physical functioning and mobility)

RHsgajMwLoJKO1
Nagranie dźwiękowe
provide support
provide support

/ prəˈvaɪd səˈpɔːt /

R1FIaanPjcYD91
Nagranie dźwiękowe

udzielić wsparcia (to help)

RQcQrriMLysVB1
Nagranie dźwiękowe
robust
robust

/ rəʊˈbʌst /

RIZK4AlzcrY4e1
Nagranie dźwiękowe

solidny/solidna (strong, solid)

R6ebBnWS8shjw1
Nagranie dźwiękowe
screen reader
screen reader

/ skriːn ˈriːdə /

R1ZIuIGBvqu7U1
Nagranie dźwiękowe

czytnik ekranu(a software application converting text, buttons, images and other screen elements into speech or Braille)

RBSsCCIqPR58Z1
Nagranie dźwiękowe
subtitles [subtitle]
subtitles [subtitle]

/ ˈsʌbtaɪtl̩z / / ˈsʌbtaɪtl̩ /

R10ErpeclhVzS1
Nagranie dźwiękowe

napisy [napis] (captions shown at the bottom of a cinema or television screen)

R14IZoUGUthwc1
Nagranie dźwiękowe
text alternatives [text alternative]
text alternatives [text alternative]

/ tekst ɔːlˈtɜːnətɪvz / / tekst ɔːlˈtɜːnətɪv /

Raku27m8rxP971
Nagranie dźwiękowe

teksty alternatywne [tekst alternatywny] (a word or phrase that can be inserted as an attribute in an HTML document to tell Web site viewers the nature or contents of an image)

R1V6hJjCIL6re1
Nagranie dźwiękowe
vast number of barriers
vast number of barriers

/ vɑːst ˈnʌmbər əv ˈbæriəz /

RDRXdusVbHVNV1
Nagranie dźwiękowe

ogromna liczba przeszkód (a huge number of obstacles)

R12OIlKPaetbw1
Nagranie dźwiękowe
visual disabilities [visual disability]
visual disabilities [visual disability]

/ ˈvɪʒuəl ˌdɪsəˈbɪlɪtɪz / / ˈvɪʒuəl ˌdɪsəˈbɪlɪti /

R16sXbgrP4A3b1
Nagranie dźwiękowe

dysfunkcje narządu wzroku [dysfunkcja narządu wzroku](a condition which prevents one’s eyes from working properly)

RfFs4WcgSziFa1
Nagranie dźwiękowe
Web accessibility
Web accessibility

/ ˈweb əkˌsesəˈbɪləti /

RJKeNgpvurwA91
Nagranie dźwiękowe

dostępność sieci (web services are developed in such a way that people with disabilities can use them)

R4l0waCQj50yu1
Nagranie dźwiękowe

Źródło: GroMar Sp. z o.o., licencja: CC BY‑SA 3.0

RicYKMOsLmTdZ
(Uzupełnij).
Źródło: GroMar Sp. z o.o., licencja: CC BY-SA 3.0.