Giter Club home page Giter Club logo

testing-app-for-accessibility-lab's Introduction

Title Type Duration Name City
Testing app for accessibility Lab 1:25 Yuliya Kaleda NYC

Testing app for accessibility

This lab is focused on developing the skills to work with open source projects and to practice testing apps for accessibility features so you can make them more accessible. Install the app from the included starter-code. Go to Settings tab in your device and enable TalkBack. Test every widget navigating around the app. Pay special attention to such widgets such as ImageButton, ImageView, CheckBox, EditText.

Some notes on how to use TalkBack:

  1. tap on the widget or tab to set focus to it
  2. you will get a sound feedback
  3. to perform a click or selection, use double tap
  4. to scroll use two fingers
  5. to exit the TalkBack, scroll the settings window from the top using two fingers, go to Settings and disable TalkBack

Exercise

Requirements

Testing (30 mins)

  • use your headphones to concentrate on the app and not to distract others

  • make a list of app's elements/widgets that do not conform to accessibility requirements (labeling user interface elements, enabling focus navigation):

    • check ImageButtons, ImageViews, CheckBoxes, EditTexts to make sure they provide sound feedback when used
    • check all input fields to be focused when navigating the app

Coding (60 mins)

  • After you installed and tested the app, open the Blazon app source code in Android Studio.

    • following the list of the widgets and features earlier created, check out the layouts and java classes of the app and make it accessible

Starter code

Grab the Blazon app source code and import it into Android Studio.

Included in this lab are the following:

  • Two activities: Shame Detail Activity and Main Activity.

    • Main Activity is the parent activity of all the fragments. It is responsible for the main actions/features of the app: display harassment instances on the map, show stats fragments, add new instances.

    • Shame Detail Activity is responsible for displaying detailed information about a specific instance of harassment.

  • Six fragments: ProjectX Map Fragment, Pie Chart Fragment, Bar Chart Fragment, Stats Fragment, Profile Fragment and Sign up Fragment.

    • ProjectX Map Fragment displays the Google Map with markers of different colors representing a certain group of people harassed.
    • Stats Fragment is the parent fragment of Pie Chart Fragment and Bar Chart Fragment.
    • Pie Chart Fragment shows an animated pie chart with the data about types of harassment.
    • Bar Chart Fragment shows an animated bar chart with the data about harassed groups.
    • Profile Fragment is responsible for enabling the geofence feature and showing details about the owner of the app.
    • Sing up Fragment enables FB, Twitter and Google+ authentication.
  • Eight layout files to modify: activity_details.xml, bar_chart_fragment.xml, custom_toast.xml, map_fragment.xml, pie_chart_fragment.xml, signup_fragment.xml, stats_fragment.xml.

Deliverable

  • A solution markdown file that details the file name and code changes to be made
  • The improved version of the ProjectX app

testing-app-for-accessibility-lab's People

Contributors

drew-mahrt avatar

Watchers

James Cloos avatar Charles Drews avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.