Collaborative Work on Web Accessibility by Hashmeia Barakat

hbarakaat — 2022-11-21 07:08:30 UTC

hbarakaat — 2022-11-21 07:24:58 UTC

hbarakaat — 2022-11-21 07:26:27 UTC

hbarakaat — 2022-11-21 07:29:52 UTC

2022-11-21 09:59:22 UTC

using meaningful headings,labels,titles,list etc

making sure the website design has white space

organizing content into divisions

using consistent font types and colors,
locating elements consistently through the page

adding steps to forms to make it manageable and easy

providing a logical order, like using f-shaped pattern

-use suitable text size.

2022-11-21 10:00:55 UTC

-give user the control to change text size.

Website Design For Color-Blindness

2022-11-21 10:02:58 UTC

Designing for color blind users requires not just considering colors but also making sure that there is a strong contrast between foreground and background elements. And, make sure that the text on the page can be read in greyscale (black text on white background or opposite of that).
Instead of depending entirely on the color red to indicate failures or invalid requests, Facebook uses warning icons and popup messages.

visual disabilities

2022-11-21 11:49:37 UTC

Color blindness

- The key to designing for colorblind people is to create great contrast between foreground and background components, rather than depending solely on colors. You should also ensure that the text on the website is readable in greyscale (black text on white background or opposite of that).

- As an example, facebook provides icons and pop up messages for errors besides colors

- Blind people face challenges navigating through the website they use screen readers to determine which labels appear in the navigation menu.

- Built-in functions such as keyboard shortcuts are applied to help solve this issue, using the screen reader.

Hearing impairment

2022-11-21 11:53:38 UTC

For people who have auditory disabilities it’s best to include visual elements through alerts and notifications or support using email or text chat.

Physical impairment

2022-11-21 11:54:18 UTC

For people with motor disabilities It’s best to provide keyboard functions instead of just using the mouse click because it is easier for those users to interact with keyboards.

visual disability

2022-11-21 12:00:11 UTC

Give Users Control Over the Text Size

enlarge the font size in order to make it readable for the users with visual disabilities and also provide an option to allow users to enlarge the text as much as they need

Don’t Left Color Blind Users Out

color is an important factor in design and it is important to choose colors in contrast for those who are color blind to not feel left out

Website Design For Color-Blindness
showing user interaction in web design is important as users need to diffrentiate between what is what and where the user has clicked or interacted with, like hover.

hbarakaat — 2022-11-22 05:07:54 UTC

hbarakaat — 2022-11-22 05:13:18 UTC

hbarakaat — 2022-11-22 05:13:56 UTC

hbarakaat — 2022-11-22 05:18:11 UTC

2022-11-22 07:43:07 UTC

1. Providing more visual content
2. Use plain English rather than complicated English,
3. Use a different variety of languages in the captions
4. Adding transcripts in audio and video content

- Considering Cognitive disabilities

2022-11-23 07:57:30 UTC

- Using more white space in your design.
- Using proper headings and lists.
- “Chunking” content into more manageable pieces.
- Making forms manageable by breaking them into multiple, sequential steps.
- Providing a logical reading order.
- Being consistent with fonts, colors, and locations of page elements.

2022-11-23 08:01:51 UTC

Using software which helps them to control the computer via spoken commands and voice dictation, it’s indicated to have clear and common (pattern) labels for controls

2023-04-04 05:47:22 UTC

adding keyboard commands and voice dictation

2023-04-04 06:58:51 UTC

1) providing transcripts in videos and audios like youtube.
2)Providing sign language presentation of audio information is a way to make content accessible to these individuals.
3) Don't rely on sounds alone, use combination of visual and sound elements. For example, alert and notifications, providing support over text or emails

Group one

2024-04-02 07:24:20 UTC

Pay attention to the color scheme contrast, adding night mode for example.

Adjustable font size by adding +and - buttons the + increases the font size and the - decrease the font size

Group 2:

2024-04-02 07:24:28 UTC

Colors Contrast: making high contrast between images can improve their accessibility experience.

Icons: they can help understanding in addition with colors, red/ yellow/ green.

Press of keys: nav menu can be accessible by the screen reader to read the label of it.

Polytechnic Moodle

2024-04-02 07:30:24 UTC

The Polytechnic moodle website provides accessibility options for visually impaired by way of increasing font size and having multiple color options including high contrast colors

cognitive disabilities

2024-04-02 07:31:32 UTC

-adding headings, lists.

-providing logical reading order.

-having consistency with fonts, colors, and location of pages.

-increasing the white space on your website.

-heavy content could be divided into manageable pieces .

-break the forms into multiple sequential steps to make them manageable.

YouTube

2024-04-02 07:31:38 UTC

YouTube provides accessibility for individuals with auditory impairments by having auto-generated captions on videos where creators have not provided official captions.

Discord

2024-04-02 07:33:10 UTC

The Discord desktop application or website is accessible to individuals with motor disabilities as every part of the website is accessible by keyboard commands without the need to use a mouse.

Transcripts makes content more accessible and easy to scan through and get their important information easily .

2024-04-02 07:33:25 UTC

YouTube makes it easier for people who are deaf or has hard hearing as well for people who like to read along with the video.

1- Providing sign language presentations of audio information can address this limitation and make content accessible to sign language users.

2- Besides transcripts and captions, web developers should consider using a combination of sound and visual elements to capture users' attention.

3- By considering these accessibility factors, websites can improve inclusivity and provide a better user experience for individuals with visual disabilities and hearing impairments.

Transcripts makes content more accessible and easy to scan through and get their important information easily . YouTube makes it easier for people who are deaf or has hard hearing as well for people who like to read along with the video.

2024-04-02 07:34:15 UTC

YouTube makes it easier for people who are deaf or has hard hearing as well for people who like to read along with the video.

1- Providing sign language presentations of audio information can address this limitation and make content accessible to sign language users.

2- Besides transcripts and captions, web developers should consider using a combination of sound and visual elements to capture users' attention.

3-- By considering these accessibility factors, websites can improve inclusivity and provide a better user experience for individuals with visual disabilities and hearing impairments.

The Key in designing a website for those with color blindness is to make use of contrast along with error messages and icons.

2024-04-03 07:26:44 UTC

Another method is to create website shortcuts using keys on the keyboard this helps the visually impaired to navigate the website.

Group 3 Ali and Mohammed

2024-04-03 07:27:44 UTC

The site should consist of texts for audio and video content in order to facilitate access to everyone and be better for taking notes. It is also important to use sign language for audio information to make the content accessible to everyone, but the site should not be dependent on sounds, as it must be integrated between audio and visual elements in order to make it possible Access to other website functions.

-Group one-

2024-04-03 07:29:11 UTC

-To set a font suitable for each person, users can provide a button to enlarge the text as they wish.

-Colors and contrast must be chosen carefully to attract users.

-Designing for visually impaired users can be challenging, especially for those with color blindness, as there are three types of color blindness. It's important for designers to consider this when creating designs to ensure that they are inclusive of all users.

Slide 27

2024-04-03 07:29:21 UTC

Including appropriate labels for controls is crucial for individuals with impairments who rely on assistive software to navigate digital interfaces. Clear and common labels, rather than specific ones, enhance navigation and user experience for those using tools like Dragon Naturally Speaking.

slide 28

2024-04-03 07:30:43 UTC

Accessibility through the keyboard

2024-04-03 07:31:31 UTC

Check that all keyboard operations are readily available and simple to use.

Considering how many assistive devices people use necessitate keyboard input, it is strongly advised that this be done.

Usually, using a mouse requires fine movements, which makes it challenging for those with physical impairments to interact with it.

Zainab's group

2025-04-13 06:00:19 UTC

To help people with visual disabilities, we can make some changes to the website. First, we should let users change the font size with a button, so they can make the text bigger if they need to. Also, we must use good color contrast, like black text on a white background, so it’s easy to read—even for people who can’t see colors well. We should not use only colors (like red) to show errors; we can also use icons or messages. Navigation should be easy with the keyboard, like using the Tab key to move and enter to click. It helps people who use screen readers. We can also add keyboard shortcuts to make it faster and easier for them to use the site.

How to address accessibility in websites to consider people with cognitive disabilities

2025-04-13 06:04:52 UTC

Use heading and lists, use white spaces, make forms order, chunking content into more manageable pieces,provide a common sensereading order, being consistent with fonts colors and locations of page elements

Motor Disability

2025-04-14 06:09:51 UTC

Making sure that the website functions and is fully accessible, and easy to use via the keyboard.
The keyboard need to have all the functions necessary for those who are motorly disabled, because the mouse can be difficult as it requires fine movement.
People with impairment issues need the extra help from softwares to help them navigate through the website. For example using a software like “Dragon” which is naturally speaking helps them have control over the voice commands and dictations.

How to help people with cognitive disabilities:

2025-04-14 10:07:02 UTC

1.Using proper headings and lists:

(Helps users understand the structure and find information easily).

2.Using more white space in your design:

(Reduces clutter and makes content less overwhelming).

3.“Chunking” content into more manageable pieces:

(Breaking information into small parts helps users process it better).

4.Making forms manageable by breaking them into multiple, sequential steps:

( Simple, step-by-step forms reduce confusion).

5.Providing a logical reading order:

( Ensures users can follow the flow without getting lost).

6.Being consistent with fonts, colors, and locations of page elements:

(Familiar patterns make it easier to navigate and understand).

Seddiqa

Sadaf

Sarah

Alia

Visual Disabilities

2025-04-14 10:07:35 UTC

Provide a button that users can use to enlarge the text as much as they want.
Using right contrast and right colors.
Provide a list of keyboard shortcuts on your page so users know how they can navigate using keyboard only.

Ruqaya-Amna-Khawla-Aysha

Add audio option that talks and tell what’s in the website

2026-04-20 11:27:07 UTC

Web accessibility

2026-04-20 11:28:10 UTC

Designing for accessibility especially for users with visual disabilities means making sure your website can be perceived, navigated and understood without relying on sight alone. The widely accepted foundation for this is the World Wide Web Consortium’s Web Content Accessibility Guidelines.

Web accessibility

2026-04-20 11:30:03 UTC

Designing for users with auditory disabilities such as deaf or hard of hearing users means making sure nothing on your website depends solely on sound. The standard framework here is again the Web Content Accessibility Guidelines by the World Wide Web Consortium.

Adding more visual elements or a video of someone who uses the sign language

2026-04-20 11:30:24 UTC

2026-04-20 11:31:00 UTC

For users with motor disabilities limited hand movement, tremors, paralysis, or reliance on assistive devices, the goal is simple and make your website usable without precise or complex physical actions. The main standard guiding this is the Web Content Accessibility

Guidelines from the World Wide Web Consortium.

2026-04-20 11:33:29 UTC

Designing for users with cognitive disabilities such as memory issues, attention difficulties, dyslexia, or learning disabilities is about making your website easy to understand, predictable, and low in mental effort. The main reference is the Web Content Accessibility Guidelines by the World Wide Web Consortium.

to help people with auditory Disabilities you should 1)add captions and transcripts to videos 2) Offer sign language 3)add more visual element 4) use heading and have more visual content

2026-04-22 08:22:51 UTC

Visual Accessibility (Slides 15–19)

2026-04-22 08:29:14 UTC

Text size control: Users should be able to increase text size to make reading easier.
Color and contrast: Use clear colors with strong contrast between text and background to improve readability.
Do not rely on color only: Some users cannot distinguish colors, so use icons or text (e.g., error messages) instead of color alone.
Design for color blindness: Make sure the content is still understandable even in grayscale (black and white).
Use icons with colors: This helps communicate information more clearly to all users.

In short, the goal is to make content clear and readable for everyone, regardless of their visual ability.

2026-04-22 08:36:48 UTC

To address accessibility for people with cognitive disabilities, websites should be designed in a clear, simple, and structured way. This can be achieved by using proper headings and lists, including enough white space to reduce visual overload, and dividing content into smaller, manageable sections. Forms should be presented in clear step-by-step stages, content should follow a logical reading order, and the overall design should remain consistent in its use of fonts, colours, and page layout.

2026-04-22 08:37:43 UTC

To address cognitive disabilities, we have to provide these types of accessibility: keyboard interaction, as the mouse might be difficult for disabled users to use. Use clear and common labels for controls, so that the experience of using software that uses the labelled controls to control the computer (voice command).

The people with cognitive disabilities will use: proper headings and lists, using more white space, and making chunks of content into aligned managed pieces, forms being manageable by breaking them, providing an understandable reading order and being consistent with fonts, colors, and locations of sections.

Auditory Disability

2026-04-22 12:12:54 UTC

Providing transcripts makes this better by ensuring the content is easy for individuals with an auditory disability, helping them to skim, offering SEO advantages, and making it easier to take notes.

Providing an ASL (American sign language) interpretation helps people who have hearing disabilities understand the content better

Offering transcripts improves accessibility by making the content more understandable and usable for people with hearing impairments.

It is essential to provide accurate captions for all visual and audio content (videos and podcasts), along with full alternative transcripts for audio content. It is also preferable to offer sign language interpretation through videos integrated into key locations, and to ensure that any audio alerts are accompanied by clear visual cues (such as colors or symbols). Finally, the user interface should be intuitive, supporting easy navigation and avoiding over-reliance on audio alerts that users may not notice, thus ensuring a fair and equitable digital experience for everyone.

Jumana Jassim

Ali Ameen

Noorhan Amin

Maram Husain

Visual disabilities

2026-04-22 12:24:15 UTC

We should give users the option to change the font size based on what they need. Also, To include color blind people its best to add the option to change the entire theme of the website to help accommodate them depending on their color blindness type while also giving more themes for normal users. Moreover, Its best to avoid using certain colors that are usually affected by color blindness, like red, green, blue, yellow.

Another way to design a website that is accessible to color blind people is to ensure using high contrast colors between the background and the elements and have readable text content while also providing icons to help.

Alaa Yusuf

Huda Mansoor

Rabab S. Taleb

Mariam Mohamed

Masooma S. Kameel

Aala Ahmed

Group 1 :slides 20+21(Raghad Dawood + Yousif Alaraibi +Malaak Nass)

2026-04-22 12:37:44 UTC

slide 20: 1- 1 users should be able to navigate a website or app entirely using the keyboard without needing a mouse. The first point explains a big challenge Navigation menus (especially those with dropdowns and submenus) can be difficult for blind users to use. These structures are often complex and not always easy to navigate with assistive tools. 2- Blind users can understand navigation menus through screen readers, but that doesn’t always make them easy to use. Buttons like “Home” may be hard to select if they’re too small or not designed for assistive navigation. So, a design must be both readable and easy to interact with.does anyone have access to it

Slide21: web browsers allow users to navigate a page using only the keyboard instead of a mouse. For example users can press the Tab key to move between links and press Enter to open a selected link. Screen readers can also read out the names of links helping users understand where each link will take them. Providing a list of keyboard shortcuts on a website makes navigation easier and improves accessibility for all users especially those with disabilities.

How to consider cognitive disabilities.

2026-04-23 08:01:19 UTC

using proper headings and lists.

using more white space in the design.

breaking down content into smaller, manageable pieces.

using a logical reading order.

consistency in fonts, colors, location, and design.

Slides 20 & 21

2026-04-23 08:05:31 UTC

Complex navigation menus and dropdowns are major obstacles; therefore, digital accessibility should focus on making navigation simple and effective. Users can move with Tab and select with Enter, so websites should support these functions and display available keyboard shortcuts.

How to consider motor disabilities.

2026-04-23 08:05:42 UTC

Making functions usable via the keyboard.

have clear patterns and labels for controls so its dosent make it harder for the accessibility software to read.

Mona, Shikha and jood

2026-04-23 08:08:34 UTC

Text must be large enough for people with eye issues to be able to read, or providing a bottom to let users be able to increase font size.

2. Color scheme must be chosen well and in a good contrast so color blind people will be able to use the website easily.

3. To design for color blindness use high contrast and ensuring text is readable rather than relying on one color alone, add icons or messages to give important informatons