primevue-mirror/doc/accessibility/IntroductionDoc.vue

39 lines
2.4 KiB
Vue
Raw Normal View History

2023-02-28 08:29:30 +00:00
<template>
<DocSectionText v-bind="$attrs">
<p>
According to the World Health Organization, 15% of the world population has a disability to some degree. As a result, accessibility features in any context such as a ramp for wheelchair users or a multimedia with captions are crucial to
ensure content can be consumed by anyone.
</p>
<p>Types of disabilities are diverse so you need to know your audience well and how they interact with the content created. There four main categories;</p>
2023-03-21 08:31:13 +00:00
<h3>Visual Impairments</h3>
<p>
Blindness, low-level vision or color blindness are the common types of visual impairments. Screen magnifiers and the color blind mode are usually built-in features of the browsers whereas for people who rely on screen readers, page
developers are required to make sure content is readable by the readers. Popular readers are
<a href="https://www.nvaccess.org" alt="NVDA Reader"> NVDA </a>
,
<a href="https://www.freedomscientific.com/Products/software/JAWS/" alt="JAWS Reader"> JAWS </a> and
<a href="https://www.chromevox.com" alt="ChromeVox Reader"> ChromeVox </a>
.
</p>
2023-02-28 08:29:30 +00:00
2023-03-21 08:31:13 +00:00
<h3>Hearing Impairments</h3>
<p>
Deafness or hearing loss refers to the inability to hear sounds totally or partially. People with hearing impairments use assistive devices however it may not be enough when interacting with a web page. Common implementation is providing
textual alternatives, transcripts and captions for content with audio.
</p>
2023-02-28 08:29:30 +00:00
2023-03-21 08:31:13 +00:00
<h3>Mobility Impairments</h3>
<p>
People with mobility impairments have disabilities related to movement due to loss of a limb, paralysis or other varying reasons. Assistive technologies like a head pointer is a device to interact with a screen whereas keyboard or a
trackpad remain as solutions for people who are not able to utilize a mouse.
</p>
2023-02-28 08:29:30 +00:00
2023-03-21 08:31:13 +00:00
<h3>Cognitive Impairments</h3>
<p>
Cognitive impairments have a wider range that includes people with learning disabilities, depression and dyslexia. A well designed content also leads to better user experience for people without disabilities so designing for cognitive
impairments result in better design for any user.
</p>
</DocSectionText>
2023-02-28 08:29:30 +00:00
</template>