Accessibility testing tool - Bootcamp



                                  Wave Accessibility tool


WAVE is a web accessibility evaluation tool developed by WebAIM.org. It provides visual feedback about the accessibility of your web content by injecting icons and indicators into your page. No automated tool can tell you if your page is accessible, but WAVE facilitates human evaluation and educates about accessibility issues. All analysis is done entirely within the Chrome browser allowing secure valuation of intranet, local, password protected, and other sensitive web pages.

To run a WAVE report, simply click on the WAVE icon to the right of your browser address bar, or select "WAVE this page" from the context menu.


Steps to verify the accessibility of the website

Step #1) Click on URL: http://wave.webaim.org/

Step #2) Enter the Web page address in the text box and hit enter. Example. So enter the site www.eenadu.net in the text box and click on the enter button.

Step #3) You will find summary details on the left-hand side of the navigation.

  1.  Errors would be displayed in red with a count. In my case, it’s showing as 107. Errors means there is missing alternative text / no text.
  2.    Contrast also displays in red with two dots inside. In my case its showing 37. It means very low contrast between text and background colors.   
  3.   Alerts would be displayed in yellow with a count 188. Title attribute text is the same as text or alternative text. 
How to fix it

  1. In most cases the title attribute can be removed, otherwise modify it to provide advisory, but not redundant information. Note that the title text may or may not be read by a screen reader and is typically inaccessible to sighted keyboard users.

      4. Features would be in green with a count 146. Ensure the figure presents accessible content and, if appropriate, has a figcaption.

      5. Structural Elements would be 138 in blue color
    An unordered (bulleted) list (<ul> element) is present.

    How to Fix It

    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.

          6. ARIA would be in purple color with count 228
     


    Comments

    Post a Comment

    Popular posts from this blog

    Exploratory testing & SBTM

    Image
     Exploratory Testing  Exploratory testing is also known as ad hoc testing and was known solely by this term until the early 1990s when a group now called the “Context-Driven School” started using the term exploratory.  Cem Kaner  was the person that coined the term Exploratory Testing in his book “Testing Computer Software” and described it as: “Simultaneous test design, test execution and learning with an emphasis on learning” According to the different site, I found different definitions for exploratory testing- In exploratory testing, testers do not work on the basis of previously created test cases. They check a system without a plan in mind in order to discover bugs that users may face when navigating a website or app without a specific aim or direction in mind. Exploratory testing” – as the name suggests, is simultaneous learning, test design, and test execution process. We can say that in this testing test planning, analysis, design, and test execution, a...
    Read more

    API Tresting - DAY 1

    Image
      30days of API testing challenges -  Define what API testing is, share your definition on The Club API - stands for the application programming interface. They are basically a collection of functions and procedures, which allows us to communicate two applications or libraries.   What is API Testing? API TESTING  is a software testing type that validates Application Programming Interfaces (APIs). The purpose of API Testing is to check the functionality, reliability, performance, and security of the programming interfaces.  API -Let's explain each of these terms to better understand: - " Application ": An application is a service accessible by a human or computer program. Ex: Facebook is a social network application, Spotify is an audio streaming application, PlanningPME a planning application. - " Programming ": a program is a set of computer functions written by a developer who performs tasks in his place. Ex: If I want to transform postal addresses i...
    Read more