Get Started. It's Free
or sign up with your email address
Rocket clouds
Accessibility by Mind Map: Accessibility

1. Design Guidlines

1.1. The Software that by the standard protocol may cause a problem that assistive devices will not work

1.2. issues to keep in mind about users: 1) They maybe in a situation where there eyes or ears or hand are busy. 2) They may find it difficult to read or understand a text 3) They may not have to be able to use mouse of a keyboard 4) They may have an older browser or slow internet connection

2. Guidelines

2.1. Keyboard Access

2.1.1. Equivalents: Having all the mouse function through keyboard

2.1.2. Built-in: Having the Keyboard inside O.S

2.2. Object Information

2.2.1. Focus: Provide a visual focus indicator It should programmed to support assistive technologies

2.2.2. User Interface object: The program elements should comes in images as well as text

2.2.3. Labels

2.2.4. Forms: It should support the assistive technologies to access the information, Here screen reader is one example of assistive technologies

2.3. Sound & Multimedia

2.3.1. Audio Alert: With visual cue (النموذج البصري)

2.3.2. Significant Audio & Video: Provide accessible alternatives specially for people with hardware or environmental Information

2.3.3. Volume: Provide an Option to adjust the volume

2.4. Display

2.4.1. Text: Provide it through Standard System or API (Application Programming Interface) which support the assistive technology - Screen Readers use off-screen model (النموذج الواقعي) to get information. Ex: Text contents, input & atteributes

2.4.2. Color: Use as an enhancment

2.4.3. Contrast: Support system settings for high contrast (المقارنة)

2.4.4. Customization: Support color customization, producing a range of contrast level

2.4.5. System Settings: font, size & color

2.4.6. Animation: Provide an option to display animation in a non-animated presentation mode

2.5. Timing

2.5.1. Response Time: 1) Provide an option to adjust it 2) Some people have difficulty in reading or responding to info. 3) The delay can be cause by assistive technology also

2.5.2. Blinking Elements: May cause serious problem with some people

2.6. Documentation

2.6.1. Format: Provide documentation in accessible format such as HTML & PDF

2.6.2. Content: Provide documentation of how to use accessible feature

3. Web

3.1. Images: Use alternative text for images (alt)

3.1.1. Icons 1) Easy to recognize 2) Compactness (Knowing the meaning quickly) 3) Universality (In every where it been used)

3.2. Images Map: plus alt txt

3.3. Graphs & Charts

3.4. Cascading (التعاقب) Style sheets: It should be readable without requiring style sheets Ex: CSS better than nested table for screen reader because it will interpreted in nested table

3.5. Multimedia: provide captions (التعليقات) to import audio content & provide audio descriptions to import video content

3.6. Scripts: Ensure that the content is accessible by the keyboard if not provide alternative. If the essential tasks can be accomplished with scripting turn off, then the scripting dose not need to be directly accessible

3.7. Non-Html Content: Provide separate likes for applets

3.8. Forms: Make it accessible to assistive technologies

3.9. Skip to main content: Home Page

3.10. Frames: Provide for each one title, and frame page, Provide an accessible source for each frame, Should support assistive technologies For images inside a frame the "alt" is not possible here

3.11. Table Header: Use th element to markup table header, Use it in Complex DataBase

4. General Design

4.1. Text font family: Verdana & arial (6, 8, 9) With bold, but it should be clear to differentiate between 0 o

4.2. Text Font Style: Uppercase & Lowercase - Underline & Italic

4.3. Text Font Size: Making possible to customize font size, Black print with white page better when ever you are using small font size.

4.4. Text Leading: Spacing between lines should be 25% to 30% of spacing point, specially for people who have difficulty in finding

4.5. Letter Spacing: Choosing widely spaced fonts rather than condensed (مكثف) one

4.6. Background: Patterned (مزخرف) background make text more difficult to read

4.7. Moving text: Flashing text it is attractive but hard to read, moving text it also create problem with people with low vision (الروية المنخفضة)

4.8. Justification: Left justified text easier to read the centered one

4.9. Color: Avoid Pale color, Use no more than 5 color when coding info..., Adhere to existing color conversation ex: red means stop Avoid blue, green & Violet since it might cause problem for older people