View table: website

Jump to navigation Jump to search

Table structure:

  • headline - String
  • coordhead - List of String
  • image1 - String
  • coordimg1 - List of String
  • simploduction - Wikitext
  • coordsimplo - List of String
  • testimonial - Text
  • coordtesti - List of String
  • linksto - List of Page
  • belongsto - List of Page
  • contains - List of Page

This table has 24 rows altogether.

Page headline coordhead image1 coordimg1 simploduction coordsimplo testimonial coordtesti linksto belongsto contains
Adjustability Adjustability 5.000 • 188.653 • 0.000 /wiki/images/Adjustability.png 0 • 0 • 0
  • How to make a website customizable for users.
  • A customizable display of contents can make the use of a website more convenient for users.
  • Customization options should be easy to understand and find.
  • Making content accessible through different interfaces can engage many different users without compromise.
 0 • 0 • 0 There is no user story for this topic.<br><b>You can contribute a story.</b> <br>Use the private survey or the public forum to do so. <br> <a href="https://lehmannmax.de/Survey/survey.html" class="contribute">Go to the survey</a> <p id="testi_fill">-</p> <a href="https://lehmannmax.de/wiki/index.php?title=Special:WikiForum/Share_your_user_story." class="contribute"> Go to the forum</a> 0 • 0 • 0 Flexibility Adjustability References
Auditory content reproduction AuditoryContentReproduction 317.000 • 296.379 • 0.000 /wiki/images/AuditoryContentReproduction.png 0 • 0 • 0
  • How to deal with information that you can hear.
  • Whenever sound is used to communicate information, visible alternatives should be provided.
  • These alternatives could be subtitles, transcripts or sign language.
 0 • 0 • 0 62-year old Martine has been hard of hearing since birth. She knows sign language and can read, but doesn’t understand speech. Because of the disability accommodations that many colleges now offer, Martine is currently a student again, taking online college courses. For her online courses, video and other media content are of no use to her, if they don’t contain captions. When media is captioned, audio is converted to text, so Martine can read it. Transcripts (written versions of the entire audio or video content) are helpful to Martine too. She can print the transcripts and use them to study or view them on the go from her mobile phone. Ironically, the university has found that these measures have also benefited students without disabilities, and improved their search engine rankings. <a href="https://accessly.io/website-accessiblity-truth-how-people-with-disabilities-use-websites/">Source</a> 0 • 0 • 0 Hearing Auditory Content Reproduction References
Choice Choice 318.000 • 151.327 • 0.000 /wiki/images/Choice.png 0 • 0 • 0
  • How to deal with offering a choice of languages.
  • Who can access the content of a website depends on the languages it is available in.
  • When using difficult language, a choice of simple language should be offered.
  • The choice of language should be easy to find even without knowledge of the default language.
 0 • 0 • 0 There is no user story for this topic.<br><b>You can contribute a story.</b> <br>Use the private survey or the public forum to do so. <br> <a href="https://lehmannmax.de/Survey/survey.html" class="contribute">Go to the survey</a> <p id="testi_fill">-</p> <a href="https://lehmannmax.de/wiki/index.php?title=Special:WikiForum/Share_your_user_story." class="contribute"> Go to the forum</a> 0 • 0 • 0 Language Choice References
Color Color 291.000 • 10.000 • 0.000 /wiki/images/Color.png 0 • 0 • 0
  • How to use colors.
  • If the user is required to choose between colors, they should be named.
  • Information should not be communicated visually with colors alone.
  • Information can be expressed visually by patterns instead of colors.
  • The appearance of colors should be checked for users with different forms of color blindness.
 0 • 0 • 0 Lee is colorblind and encounters barriers when shopping online. He has one of the most common visual disabilities that affect men: red and green color blindness. Lee frequently shops online and sometimes encounters problems on websites and with apps where the color contrast of text and images is not adequate and where color alone is used to indicate required fields and sale prices. When red and green color combinations are used, Lee cannot distinguish between the two, since both look brown to him. It is also very difficult for him to make product choices when color swatches are not labeled with the name of the color. <br> Lee has better experiences with online content and apps that use adequate contrast and allow him to adjust contrast settings in his browser. He is also better able to recognize when information is required when asterisks are used. Lee can more easily identify the products he would like to purchase, especially clothing, when the color label names are included in the selection options rather than color swatches alone. <br><a href="https://www.w3.org/WAI/people-use-web/user-stories/#shopper" class="testi_source">Source</a> 0 • 0 • 0 Contrast Color vision Color References
Compatibility Compatibility 5.000 • 213.188 • 0.000 /wiki/images/Compatibility.png 0 • 0 • 0
  • How to minimize the technical understanding expected when using a website.
  • Websites should be compatible with as many different forms of access as possible.
  • In order to be able to use a website, users should have to do as little additional work as possible.
 0 • 0 • 0 There is no user story for this topic.<br><b>You can contribute a story.</b> <br>Use the private survey or the public forum to do so. <br> <a href="https://lehmannmax.de/Survey/survey.html" class="contribute">Go to the survey</a> <p id="testi_fill">-</p> <a href="https://lehmannmax.de/wiki/index.php?title=Special:WikiForum/Share_your_user_story." class="contribute"> Go to the forum</a> 0 • 0 • 0 Flexibility Compatibility References
Complexity Complexity 3.000 • 293.903 • 0.000 /wiki/images/Complexity.png 0 • 0 • 0
  • How to handle complex processes or content.
  • Extensive or complex content can be better understood if it is broken down into parts.
  • Long processes that need user input should be split into several simpler processes.
  • A saving function should allow users to pause long processes and resume them later without losses.
 0 • 0 • 0 There is no user story for this topic.<br><b>You can contribute a story.</b> <br>Use the private survey or the public forum to do so. <br> <a href="https://lehmannmax.de/Survey/survey.html" class="contribute">Go to the survey</a> <p id="testi_fill">-</p> <a href="https://lehmannmax.de/wiki/index.php?title=Special:WikiForum/Share_your_user_story." class="contribute"> Go to the forum</a> 0 • 0 • 0 Attention Complexity References
Contrast Contrast 333.000 • 12.445 • 0.000 /wiki/images/Contrast.png 0 • 0 • 0
  • How to ensure sufficient contrast in the visual presentation of content.
  • High contrast is important to ensure the perception of content.
  • Some color combinations produce a higher contrast than others.
  • Visual content with low contrast may not be recognized by people with limited vision as well as in certain situations, such as in strong sunlight or with low screen brightness.
 0 • 0 • 0 There is no user story for this topic.<br><b>You can contribute a story.</b> <br>Use the private survey or the public forum to do so. <br> <a href="https://lehmannmax.de/Survey/survey.html" class="contribute">Go to the survey</a> <p id="testi_fill">-</p> <a href="https://lehmannmax.de/wiki/index.php?title=Special:WikiForum/Share_your_user_story." class="contribute"> Go to the forum</a> 0 • 0 • 0 Color Sight Contrast References
Difficult words DifficultWords 300.000 • 232.000 • 0.000 /wiki/images/DifficultWords.png 0 • 0 • 0
  • This part is about the use of words that need explanation, for example words that are only used in a particular field.
  • If possible, you should replace difficult words with easier alternatives.
  • If this is not possible, it is advisable to explain the difficult words. These explanations should be available without having to move to another part of the website.
 0 • 0 • 0 There is no user story for this topic.<br><b>You can contribute a story.</b> <br>Use the private survey or the public forum to do so. <br> <a href="https://lehmannmax.de/Survey/survey.html" class="contribute">Go to the survey</a> <p id="testi_fill">-</p> <a href="https://lehmannmax.de/wiki/index.php?title=Special:WikiForum/Share_your_user_story." class="contribute"> Go to the forum</a> 0 • 0 • 0 Presumed recollection Linguistic competence Difficult words References
Distraction Distraction 3.000 • 266.000 • 0.000 /wiki/images/Distraction.png 0 • 0 • 0
  • How to keep the user's attention on the content.
  • The presence of some design elements, media or unrelated content can be distracting.
  • Certain features of a website can increase the user's attention span.
  • A distraction-free environment makes it easier to take in content for many users.
 0 • 0 • 0 "Trevor" is a bright 18-year-old who plays games and watches music videos on his laptop. [...] He has problems with visual information and recognizing things on the page. His reading skills are not helped by his trouble concentrating on the page or screen long enough to read. His teachers showed him how to make the text bigger on the page. They told him how to use a printable view to hide all the ads with moving images that distract him, because he reads every word on the page very carefully and literally. He can be easily confused by colloquialisms and metaphors. He can also be overwhelmed by sites that offer too many choices. <a href="https://w3c.github.io/wcag/coga/user-research.html#some-personas-with-use-cases-that-address-key-challenges-1">Source</a> 0 • 0 • 0 Sensitivity • Attention Distraction References
Flashing Flashing 40.000 • 266.000 • 0.000 /wiki/images/Flashing.png 0 • 0 • 0
  • How to deal with animated visual content that changes in brightness rapidly.
  • Flashing content can be distracting or even harmful to users.
  • Content should be created so that it does not flash, or flashes only briefly, or does not flash very much.
  • When flashing content is used, a clear warning must be given before the content is displayed.
 0 • 0 • 0 <i>(When I have a seizure, I am)</i> [...] crashing my head into my monitor or being dumped sideways out of my typing chair from flashing, flicking, moving icons, spam, or multiple choice, items on the internet. [...] This morning I checked my Yahoo account and BANG BANG BANG goes this flashing red banner and electricity zoomed up both arms, my lips started tingling and I could barely drag my finger over to "Escape", but I did [...]. <a href="https://www.epilepsy.com/connect/forums/corner-booth/are-u-bothered-flashing-flicking-moving-internet-iconssigns">Source</a> 0 • 0 • 0 Sensitivity Flashing References
Identification Identification 318.000 • 124.000 • 0.000 /wiki/images/Identification.png 0 • 0 • 0
  • How to deal with the automatic detection of the language to be used on a website.
  • Such automatic adjustment can be very helpful but must be communicated with the user.
  • Such a system can generate errors, so the user should make the final decision on which language to use.
 0 • 0 • 0 For the last month or so, the language shown when I open the [...] website seems to be chosen at random - sometimes I get Brazilian Portuguese or German, instead of English. Since I don't use a VPN and my IP address is always in Central Europe, I assume that this means that the automatic localisation feature is misfiring. [...] This morning when I opened the site, all the panels [...] were in French! [...] Whole site in German the second time I came to look at it today...<a href="https://secure.runescape.com/m=forum/forums?278,279,101,66091601">Source</a> 0 • 0 • 0 Language Identification References
Imagery Imagery 30.000 • 113.000 • 0.000 /wiki/images/Imagery.png 0 • 0 • 0
  • What kind of visuals are used on a website has an impact on the individual's sense of belonging and can itself be inclusive or exclusionary.
  • Visuals that show people should depict an authentic diversity that matches that of society.
  • Images can either help to reduce or reinforce outdated prejudices.
 0 • 0 • 0 There is no user story for this topic.<br><b>You can contribute a story.</b> <br>Use the private survey or the public forum to do so. <br> <a href="https://lehmannmax.de/Survey/survey.html" class="contribute">Go to the survey</a> <p id="testi_fill">-</p> <a href="https://lehmannmax.de/wiki/index.php?title=Special:WikiForum/Share_your_user_story." class="contribute"> Go to the forum</a> 0 • 0 • 0 Mode of address Imagery References
Input assistance InputAssistance 312.00 • 86.144 • 0.000 /wiki/images/InputAssistance.png 0 • 0 • 0
  • How to support users when they are expected to provide input.
  • What kind of input is expected should be made clear to the users.
  • The possibility that a user causes an error by his input should be minimized.
  • In case of an error, it should be explained to the user why it occurred and how it can be avoided.
 0 • 0 • 0 Luis has Down syndrome and has difficulty with abstract concepts, reading, and math calculations.[...] Recently, a friend showed him an app for online grocery purchases that has consistent, easy-to-use navigation with clear and direct instructions. Luis is able to add the list of his most frequently purchased items into the app and save it for additional purchases. He also likes the search functionality that makes suggestions for mistyped or misspelled words. The app also keeps a running total of the items in his virtual shopping cart which helps him keep up with how much he is spending. <a href="https://www.w3.org/WAI/people-use-web/user-stories/#supermarketassistant">Source</a> 0 • 0 • 0 Input modalities Comprehension Input assistance References
Input modalities InputModalities 24.000 • 326.000 • 0.000 /wiki/images/InputModalities.png 0 • 0 • 0
  • How to deal with buttons and input fields.
  • Buttons should be large enough and easily recognizable as such.
  • They should be sufficiently far away from other buttons.
  • All buttons should be easy to select and use with a keyboard.
  • The same applies to input fields.
 0 • 0 • 0 There is no user story for this topic.<br><b>You can contribute a story.</b> <br>Use the private survey or the public forum to do so. <br> <a href="https://lehmannmax.de/Survey/survey.html" class="contribute">Go to the survey</a> <p id="testi_fill">-</p> <a href="https://lehmannmax.de/wiki/index.php?title=Special:WikiForum/Share_your_user_story." class="contribute"> Go to the forum</a> 0 • 0 • 0 Input assistance Motor functions Input modalities References
Linguistic complexity LinguisticComplexity 300.00 • 194.000 • 0.000 /wiki/images/LinguisticComplexity.png 0 • 0 • 0
  • How to deal with the complexity of text.
  • Information can be communicated in text with different levels of complexity.
  • How a text is written affects how easy it is to understand.
  • Long, convoluted sentences can make a text difficult to read.
  • Often a complicated style of writing is intentionally used to cover up shortcommings in content.
 0 • 0 • 0 There is no user story for this topic.<br><b>You can contribute a story.</b> <br>Use the private survey or the public forum to do so. <br> <a href="https://lehmannmax.de/Survey/survey.html" class="contribute">Go to the survey</a> <p id="testi_fill">-</p> <a href="https://lehmannmax.de/wiki/index.php?title=Special:WikiForum/Share_your_user_story." class="contribute"> Go to the forum</a> 0 • 0 • 0 Linguistic competence Linguistic complexity References
Navigation Navigation 6.000 • 16.000 • 0.000 /wiki/images/Navigation.png 0 • 0 • 0
  • How to let the user move between the different parts of a website.
  • Different forms of navigation exist.
  • Convenient navigation of a website requires that it is structured in a clear and understandable way.
  • It is important to be able to move around a website using only a keyboard and that navigation elements are labelled.
 0 • 0 • 0 Jolene sustained a spinal cord injury a decade ago. She can no longer move her fingers, but she has software on her computer that allows her to operate everything by voice. [...] Although Jolene can use voice commands to go online, move around websites and type words, this technology only replaces keyboard controls. It doesn’t replace the mouse. It means that Jolene can only use websites that are completely operable by keyboard alone. Although Jolene can usually move around a website with voice commands, sometimes the navigation is not in the right order. When she tries to tab her way down a page, for instance, she might end up skipping all over the page in an illogical order. The same thing can happen when she’s filling out an application form. She finds that when she tabs from one field to the next, it’s completely out of order. Sometimes, when Jolene is reading a job description that intrigues her, she discovers that the only way to open the application form is to click a mouse, which she can’t do. Although Jolene has sought-after job skills, she’s been unable to apply for some positions because of web barriers. <a href="https://www.essentialaccessibility.com/blog/web-access-people-with-disabilities">Source</a> 0 • 0 • 0 Orientation Sight • Motor functions Navigation References
Orientation Orientation 350.000 • 86.144 • 0.000 /wiki/images/Orientation.png 0 • 0 • 0
  • How to arrange content on a website in a meaningful way.
  • Every website should be based on a clear structure that is understandable in terms of its content.
  • How content is arranged affects how well it can be found and its context understood.
 0 • 0 • 0 Kati has limited motor skills and problems with the stability of her internet connection at home. For example, her connection regularly crashes when she wants to call up certain pages for her work. It is particularly difficult to get good research results when the websites she wants to use are not clearly structured. In this case, she may have already been searching for information for a long time. If the Internet crashes, she has to start all over again. Then it takes a long time for her to find what she is looking for. This makes her feel frustrated and angry and keeps her from doing her work. Websites work well for Kati when they are clear, easy to use and you can quickly find what you are looking for. Then it doesn't matter so much if the internet crashes. Besides structure, she benefits from large font size, clear color contrasts and realistic imagery, rather than abstract visuals. 0 • 0 • 0 Navigation Comprehension Orientation References
Predictability Predictability 355.000 • 117.000 • 0.000 /wiki/images/Predictability.png 0 • 0 • 0
  • How to make a website behave the way the user expects it to behave.
  • The representation of elements should be consistent.
  • Applying certain established standards allows users to use a website without having to adapt much.
 0 • 0 • 0 There is no user story for this topic.<br><b>You can contribute a story.</b> <br>Use the private survey or the public forum to do so. <br> <a href="https://lehmannmax.de/Survey/survey.html" class="contribute">Go to the survey</a> <p id="testi_fill">-</p> <a href="https://lehmannmax.de/wiki/index.php?title=Special:WikiForum/Share_your_user_story." class="contribute"> Go to the forum</a> 0 • 0 • 0 Comprehension Predictability References
Presumed recollection PresumedRecollection 339.000 • 240.000 • 0.000 /wiki/images/PresumedRecollection.png 0 • 0 • 0
  • How to deal with the user's expected ability to remember.
  • At best, the user should not be expected to memorize information.
  • If users are expected to remember information, they should be assisted in doing so.
  • Abbreviations should be avoided or explained.
 0 • 0 • 0 There is no user story for this topic.<br><b>You can contribute a story.</b> <br>Use the private survey or the public forum to do so. <br> <a href="https://lehmannmax.de/Survey/survey.html" class="contribute">Go to the survey</a> <p id="testi_fill">-</p> <a href="https://lehmannmax.de/wiki/index.php?title=Special:WikiForum/Share_your_user_story." class="contribute"> Go to the forum</a> 0 • 0 • 0 Difficult words Memory Presumed recollection References
Sound design music SoundDesignMusic 317.000 • 326.447 • 0.000 /wiki/images/SoundDesignMusic.png 0 • 0 • 0
  • How to deal with feedback that you can hear.
  • Sound can add a layer of information and be of help for some people.
  • As sound can be distracting to some users, they should be able to turn it off.
 0 • 0 • 0 There is no user story for this topic.<br><b>You can contribute a story.</b> <br>Use the private survey or the public forum to do so. <br> <a href="https://lehmannmax.de/Survey/survey.html" class="contribute">Go to the survey</a> <p id="testi_fill">-</p> <a href="https://lehmannmax.de/wiki/index.php?title=Special:WikiForum/Share_your_user_story." class="contribute"> Go to the forum</a> 0 • 0 • 0 Distraction Hearing Sound design music References
Text Text 48.000 • 166.000 • 0.000 /wiki/images/Text.png 0 • 0 • 0
  • How people are addressed or talked about affects their sense of belonging and can be inclusive or exclusionary.
  • Text should address all people, not just some.
  • Words that have a discriminatory effect can be replaced with words that the group of people being addressed agrees with.
  • Language can either help to reduce or reinforce outdated prejudices.
 0 • 0 • 0 There is no user story for this topic.<br><b>You can contribute a story.</b> <br>Use the private survey or the public forum to do so. <br> <a href="https://lehmannmax.de/Survey/survey.html" class="contribute">Go to the survey</a> <p id="testi_fill">-</p> <a href="https://lehmannmax.de/wiki/index.php?title=Special:WikiForum/Share_your_user_story." class="contribute"> Go to the forum</a> 0 • 0 • 0 Mode of address Text References
Time events TimeEvents 1.000 • 146.412 • 0.000 /wiki/images/TimeEvents.png 0 • 0 • 0
  • How to handle events that are time-limited.
  • If events on a website occur automatically after a certain time, the user should be made aware of this early and clearly.
  • The time interval should be customizable or easy to reset.
 0 • 0 • 0 There is no user story for this topic.<br><b>You can contribute a story.</b> <br>Use the private survey or the public forum to do so. <br> <a href="https://lehmannmax.de/Survey/survey.html" class="contribute">Go to the survey</a> <p id="testi_fill">-</p> <a href="https://lehmannmax.de/wiki/index.php?title=Special:WikiForum/Share_your_user_story." class="contribute"> Go to the forum</a> 0 • 0 • 0 Processing pace Time events References
Typography Typography 321.000 • 49.000 • 0.000 /wiki/images/Typography.png 0 • 0 • 0
  • How to deal with the presentation of text.
  • The font used, affects how readable the text is.
  • To improve readability, large font sizes should be used and other adjustments such as spacing or column width should be considered.
  • Typographic style can be used to help understand structure and navigation.
 0 • 0 • 0 Yun is an 85 year-old with reduced vision, hand-tremor, and mild memory loss; common age-related impairments for someone his age. Yun regularly browses the web reading news sites. [...] Yun has difficulty reading small text and clicking on small links and form elements. His daughter showed him how to enlarge text in the web browser, which works well on many websites. He encounters problems when text does not reflow when it is enlarged and he is forced to scroll back and forth to read the enlarged content, which means he easily loses track of his place. He also has problems with CAPTCHA images found on many social media sites. The text is so distorted, even when he enlarges it, that he often cannot accurately enter the text. He has a better experience on sites that use alternative CAPTCHA options, unfortunately only a small number currently do. <a href="https://www.w3.org/WAI/people-use-web/user-stories/#retiree">Source</a> 0 • 0 • 0 Sight Typography References
Visual content reproduction VisualContentReproduction 3.000 • 49.252 • 0.000 /wiki/images/VisualContentReproduction.png 0 • 0 • 0
  • How to deal with visible information.
  • People with limited or no sight depend on audible or tactile information.
  • Screen readers or braille displays are used for this purpose.
  • Written information should be embedded in a way that can be understood by these devices.
  • Non-textual visible content should be provided with captions.
 0 • 0 • 0 Ilya is blind [...] <i>(and)</i> uses a screen reader and mobile phone to access the web. Both her screen reader and her mobile phone accessibility features provide her with information regarding the device’s operating system, applications, and text content in a speech output form. When accessing web content, the screen reader indicates aloud the structural information on a webpage such as headings, column and row headers in tables, list items, links, form controls, and more that enable her to better navigate the page, complete and submit forms, and access information in an effective manner. She is able to listen to and understand speech output at a very high speed. Ilya encounters problems when websites are not properly coded and do not include alt text descriptions on images. These sites are unnavigable and require large amounts of time to read text from the top of the page to the bottom without navigation cues. Occasionally she finds herself trapped in areas on a webpage unable to move to another area and must abandon the page altogether. <a href="https://www.w3.org/WAI/people-use-web/user-stories/#accountant">Source</a> 0 • 0 • 0 Sight Visual content reproduction References
Retrieved from "https://lehmannmax.de/wiki/index.php?title=Special:CargoTables/website"