30 Day of the Accessibility testing

 


Day2 # 30 days of accessibility testing

Use a tool like WAVE to scan a web page for accessibility problems.

For this challenge, I used the WAVE chrome extension to test the https://web.smartcric.com/homepage.

Issues found by Wave tool

Found 70 places where the color contrast between the text and background was too low.

30 ALERTS- Redundant link

When adjacent links go to the same location (such as a linked product image and an adjacent linked product name that goes to the same product page) this results in additional navigation and repetition for keyboard and screen reader users.

If possible, combine the redundant links into one link and remove any redundant text or alternative text (for example, if a product image and product name are in the same link, the image can usually be given alt="").

Redundant title text -

The title attribute text is the same as text or alternative text.


The title attribute value is used to provide advisory information. It typically appears when the users hover the mouse over an element. The advisory information presented should not be identical to or very similar to the element text or alternative text.

Features 

31 FEATURES - Null or empty alternative text -4

Alternative text is null or empty (alt="").


If an image does not convey content or if the content of the image is conveyed elsewhere (such as in a caption or nearby text), the image should have empty/null alternative text (alt="") to ensure that it is ignored by a screen-reader and is hidden when images are disabled or unavailable.


Ensure that the image does not convey content or that the content of the image is conveyed in a nearby text (e.g., a caption).


Linked image with an alternative text

Alternative text is present for an image that is within a link. (T20 WORLDCUP, ICC,)


Including appropriate alternative text on an image within a link ensures that the function and purpose of the link and the content of the image are available to screen reader users or when images are unavailable.

Structural Elements

An unordered (bulleted) list (<ul> element) is present.


Ensure that an unordered (bulleted) list is appropriate for the context. If list items are sequential or numbered, an ordered list (<ol>) is likely more appropriate.


Comments

Post a Comment

Popular posts from this blog

Testing Challenges

Image
 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
Read more

WCAG 2.0 - WEB CONTENT ACCESSIBILITY GUIDELINES

Image
Day 5# 30 days of Accessibility testing Day#5 Read the 12 guidelines of Web Content Accessibility Guidelines (WCAG 2.0.) Write a short post on one of them    The Web Content Accessibility Guidelines (known as WCAG 2.1) are an internationally recognized set of recommendations for improving web accessibility. They explain how to make digital services, websites, and apps accessible to everyone, including users with impairments to their: • vision - like severely sight impaired (blind), sight impaired (partially sighted) or color blind people • hearing - like people who are deaf or hard of hearing • mobility - like those who find it difficult to use a mouse or keyboard • thinking and understanding - like people with dyslexia, autism, or learning difficulties WCAG 2.0 is based on 4 design principles: • Perceivable - Information and user interface components must be presentable to users in ways they can perceive. • This means that users must be able to perceive the information bei
Read more
 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
Read more