Testingchallenges

 Day 30 # Review the complexity of a website's content with the Hemingway app  The Hemingway app is a popular free writing tool created by Adam and Ben Long. Hemingway Editor helps you to edit your writing so that your words are clear and powerful. The app checks your words and sentences which point out areas you can change to make your writing better. Hemingway Editor is easy to blogs, posts, business communication, fiction, essays, or academic papers. It is one of the quickest and easiest ways to find the passive voice and overused adverbs in your texts to make them easier to read.  There is a desktop version of the Hemingway Editor available for Mac and PC, which is quite cheap. But most users will prefer to use the free online writing editor. Hemingway Editor is simple to use.  First, copy your text.  Then go to https://www.hemingwayapp.com and delete the example text.  Paste your text into it and edit the highlighted things in your writing.  Everything is color-coded. Adverbs

 Day 29 # find 3 accessibility issues without using the evaluation tool. I was browsing an art and craft website to check issues for accessibility.  First, I switched off my mouse pad and tried to keyboard focus on the page. When I was tabbing on-page, after search it’s not navigating to other elements on the page.  2. I disabled the images and tried to understand the text alternatives but few of them are low in color contrast.  3. When I was tabbing from search its directly navigating link to the footer page not on the main content

 Day 28 # T esting a word document issues for accessibility I have downloaded a word document from online and used an inbuilt accessibility checker to check the issues. There I observed some missing alternative texts, images, or objects not inline, check the reading order, hard-to-read text contrast. I tried to change the contrast and solved the issues by changing font and color contrast. What the Checker Won’t Do If your headings are text made big and bold, not real headings,  the accessibility checker won’t see a problem. So you will also have to check headings yourself. The checker will tell you if an image has no alternative text. But it can’t tell if an image has an inaccurate or badly-written alternative text.  So you must check all images, even if the checker says they are OK. You’ll also have to check whether your page is using  tabs where it should use a table,  fonts, like Wingdings, where it should use images,  or images where it should use text.  So the checker is no substi

Day 27 # learn how to use your mobile screen reader I have an android phone, so It has an inbuilt screen reader on my mobile. Initially, it took time to explore and learn commands. Using a screen reader to navigate a device can be useful to anyone who is visually impaired. Settings – system- accessibility-select to speak (hear selected text), TalkBack on Swipe right or left to move between items Double-tap to activate an item Drag two fingers to scroll To turn off TalkBack Tap the switch. You will see a green outline Double-tap the switch. On the confirmation message, tap OK. Then double-tap OK

 Day 26 # Fi nd an accessibility issue on a website and report it. I used a wave evaluation tool for finding accessibility issues on the website text size normal and color contrast is also very low to read.

Day #25 Explore W3C's Before and After accessibility demonstration I was exploring with Voice over screenreader for before and after the accessibility demonstration given by W3C. They explained well about text alternatives, keyboard accessibility, and other issues and how to fix them.  Before and After accessibility demonstration site

Day 24 # L earn about accessibility law in your country UK Most public sector websites and mobile apps do not currently meet accessibility requirements. For example, a recent study found that  4 in 10 local council homepages failed basic tests for accessibility . Common problems include websites that are not easy to use on a mobile or cannot be navigated using a keyboard, inaccessible PDF forms that cannot be read out on screen readers, and poor color contrast that makes the text difficult to read - especially for visually impaired people. You may be breaking the law if your public sector website or mobile app does not meet accessibility requirements. The accessibility regulations came into force for public sector bodies on 23 September 2018. They say you must make your website or mobile app more accessible by making it ‘perceivable, operable, understandable and robust’. You need to include and update an accessibility statement on your website. The full name of the accessibility regula

 Day 22 # Why Semantic HTML is important? Because semantic HTML uses elements for their given purpose, it’s easier for both people and machines to read and understand it. Semantic elements = elements with meaning. A semantic element clearly describes its meaning to both the browser and the developer. Examples of  non-semantic  elements:  <div>  and  <span>  - Tells nothing about its content. Examples of  semantic  elements:  <form> ,  <table> , and  <article>  - Clearly defines its content. Semantic markup is a way of writing and structuring your HTML (Hypertext Markup Language) so that it reinforces the  semantics , or meaning, of the content rather than its appearance. In a broader sense, it means that your site architecture  separates presentation from content ; essentially saying that HTML is used for structure, and CSS is used for the style of your web design. Semantics and accessibility are a part of HTML by design, but they are not useful unless t

 Day21 #  looking for invisible keyboard focus when tabbing through a page. I logged in twitter and started tabbing on the twitter page which is navigating on each tab on-page content. Tab-Usability Guidelines Here are 12 design guidelines for using tabs: 1. Use tabs to alternate between views within the same context, not to navigate to different areas. This is the single most important point because staying in place while alternating views is the reason we have tabs in the first place. 2. Logically chunk the content behind the tabs so users can easily predict what they'll find when they select a given tab. 3. Use tabs only when users don't need to see content from multiple tabs simultaneously. 4. Design tabs that are parallel in nature. If the tabs are significantly dissimilar, users will interpret them as site navigation. 5. Highlight the currently selected tab. Make sure that the highlighting is prominent enough so people can tell which tab is selected. 6. The un

 Day 20 #  This checklist uses  The Web Content Accessibility Guidelines ( WCAG )  as a reference point. The WCAG is a shared standard for web content accessibility for individuals, organizations, and governments. Content Content is the most important part of your site. Use plain language and avoid figures of speech, idioms, and complicated metaphors. Make sure that the button, a, and label element content are unique and descriptive. Use left-aligned text for left-to-right (LTR) languages, and right-aligned text for right-to-left (RTL) languages. Global code Global code is code that affects your entire website or web app. Validate your HTML. Use a lang attribute on the HTML element. Provide a unique title for each page or view. Ensure that viewport zoom is not disabled. Use landmark elements to indicate important content regions. Ensure a linear content flow. Avoid using the autofocus attribute. Remove session timeouts. Remove title attribute tooltips. Keyboard It is important that you

 Day 18 #  Colour Contrast Analyser- Having sufficient contrast between foreground and background colors is an essential part of usability in general and accessibility in particular. The Colour Contrast Analyser (CCA) is a tool that calculates the contrast between two colors and automatically evaluates the returned value against the Web Content Accessibility Guidelines.  Why use this tool? Analyze text over top of background images or gradients Analyze text in images Get a visual overview of the contrast of your page How to use the tool Go to the page to analyze. Choose to either analyze a section of the page, the visible portion of the page, or the entire page. Once the results page appears, adjust the WCAG level to evaluate a different conformance level or text size. In general, For regular-sized text, choose WCAG AA, Small Non-Bold (4.5:1). This is for text smaller than the 18pt. or approximately 1.5em. For larger text, like headings, choose WCAG AA, Medium-Bold, and Large Non-Bold

 Day17 # Dyslexia Dyslexia is a learning difference that primarily affects reading and writing skills. However, it does not only affect these skills. Dyslexia is actually about information processing. Dyslexic people may have difficulty processing and remembering information they see and hear, which can affect learning and the acquisition of literacy skills. Dyslexia can also impact on other areas such as organizational skills. It is important to remember that there are positives to thinking differently. Many dyslexic people show strengths in areas such as reasoning and in visual and creative fields. Make the content more usable for people with dyslexia There are many factors to take into consideration to improve digital accessibility for people with dyslexia. Here are some of the key areas to keep in mind. Fonts - In general, sans serif fonts are the best practice. They tend to be simple, clear, and easiest to read. These include common fonts like Arial, Verdana, and Tahoma. Aim for f

 Day 16 # Find a problem that affects someone who cannot use their hand  Physical Disabilities Motor Motor disabilities can include weakness, limitations of muscular control (such as involuntary movements, a lack of coordination, or paralysis), limitations of sensation, joint problems, or missing limbs. Some physical disabilities can include pain which further impedes movement. Any of these conditions can affect the hands and arms as well as other parts of the body. To use the Web, people with disabilities affecting the hands or arms may use a specialized mouse; a keyboard with a layout of keys that matches their range of motion; a head-mouse, head-pointer, or mouth-stick; voice-recognition software; an eye-gaze system, or other assistive technologies to access and interact with the information on Web sites. They may activate commands by using single keystrokes rather than the simultaneous keystrokes needed to activate commands in some applications. They may need more time when filling

  Day15 # Find the problem that affects someone who is colorblind What Is Color Blindness? There are many types of color blindness but it comes down to not seeing color clearly, getting colors mixed up, or not being able to differentiate between certain colors. Types of Colour Blindness Trichomaty Normal color vision uses all three types of light cones correctly and is known as trichromacy. People with normal color vision are known as trichromats. Anomalous Trichomatic Anomalous Trichromacy is the most common category of color blindness. It is an impairment of normal color vision, not a complete loss. This occurs when one of the cones is altered in its spectral sensitivity. It can be red/green or blue/yellow depending on which cone is altered. The ability of anomalous trichromats to distinguish between hues is better than dichromats but still not normal. The different anomalous conditions are  protanomaly , which is a reduced sensitivity to red light,  deuteranomaly  which is a reduced

  Day 14 # Find a problem that might affect someone who is a deaf 'The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect'. Tim Berners-Lee , W3C Director and inventor of the World Wide Web One of the most difficult challenges facing deaf people is the ability to communicate within a hearing world. American sign language is an effective means of communication when you are with someone, but the challenges of communicating from home over the phone proved difficult for many years. Deaf people began using teletypewriters (TTYs) to speak with other people over the phone. This would allow them to type a message to someone else who had a TTY device. However, it still limits Computer accessibility has opened doors to communication for the deaf. It is easier to connect with others through email, video conferencing, and instant messaging over the Internet since these are more visual forms of communication. However, there are still

Day 12 # Read an article about accessibility and share it with someone Accessibility In Chrome DevTools – author Umar This article will demonstrate some useful features in DevTools which can help you improve the accessibility of your website. For many websites, things like performance and accessibility are an afterthought. But as web developers, it’s best to strive to create the best possible experience we can for our users, regardless of their abilities. Chrome has different accessibility-related features. I would like to talk about one feature here from the article.  Contrast Ratio This is a feature to check whether the inspected text has a satisfactory color contrast against the background color. Using this tool can help influence the design and color scheme of your website, which can lead to more readable content for users with low vision. Typically, a high level of contrast between the text color and underlying background color means more legible text for users of different abilit

 Day 11# Turn  your screen off and rely on screen reader I have been using voice over on my macOS, It was a really amazing experience to use the keyboard.  VoiceOver, the advanced screen-reading technology integrated into the Mac OS X operating system. VoiceOver enables users with visual disabilities to control their computers using a rich set of keyboard commands and gestures. You can customize VoiceOver to best suit your needs using VoiceOver Utility

DAY# 10 -Test with screen reader and share one useful method Benefits of testing web content with screen readers Testing my web content for accessibility using a screen reader extremely valuable, especially for more complex or dynamic content. Listening to your web content rather than looking at it can be an "eye-opening" experience that takes sighted users out of their normal comfort zone. It gives sighted users a chance to evaluate their content from an entirely different perspective: from the perspective of a blind person. A lot of times you'll end up finding mistakes that would have been hard to catch visually. For example, spelling mistakes become very obvious when you hear words mispronounced by the screen reader. Screen readers are also very good for checking the accuracy and quality of image alternative text. Screen readers can also help you identify problems with reading order, table markup, form elements, and many other aspects of accessibility. Differences betw

  Day 9 # Disable images in the browser. can you understand the page?   Images are important Images must have text alternatives that describe the information or function represented by them Images and graphics make content more pleasant and easier to understand for many people, and in particular for those with cognitive and learning disabilities. They serve as cues that are used by people with visual impairments, including people with low vision, to orient themselves in the content. Removing images from websites (so-called “text-only versions”) makes them less accessible and functional for these users and situations.