<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Rajat Talesra</title>
    <description>The latest articles on DEV Community by Rajat Talesra (@rajatt).</description>
    <link>https://dev.to/rajatt</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F609680%2F3172a01d-490c-47e3-af2f-bd181b2dada2.jpeg</url>
      <title>DEV Community: Rajat Talesra</title>
      <link>https://dev.to/rajatt</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/rajatt"/>
    <language>en</language>
    <item>
      <title>Talkback - Screen Reader in Android</title>
      <dc:creator>Rajat Talesra</dc:creator>
      <pubDate>Sat, 23 Jul 2022 09:36:00 +0000</pubDate>
      <link>https://dev.to/rajatt/talkback-screen-reader-in-android-4f21</link>
      <guid>https://dev.to/rajatt/talkback-screen-reader-in-android-4f21</guid>
      <description>&lt;h2&gt;
  
  
  Previous?
&lt;/h2&gt;


&lt;div class="ltag__link"&gt;
  &lt;a href="/rajatt" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__pic"&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--e9a6u6IX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/practicaldev/image/fetch/s--esqT7W27--/c_fill%2Cf_auto%2Cfl_progressive%2Ch_150%2Cq_auto%2Cw_150/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/609680/3172a01d-490c-47e3-af2f-bd181b2dada2.jpeg" alt="rajatt"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="/rajatt/accessibility-scanner-in-android-4mb1" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;Accessibility Scanner in Android&lt;/h2&gt;
      &lt;h3&gt;Rajat Talesra ・ Jul 22 '22&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#android&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#tutorial&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#beginners&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#mobile&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;





&lt;p&gt;This post is for android developers and anyone who is interested in mobile app development.&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/1fMGURSVp0g"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;h2&gt;
  
  
  What is Talkback?
&lt;/h2&gt;

&lt;p&gt;Talkback is a screen-reader by Google available in android devices. It gives spoken feedback so that anyone can use the device without even looking at the screen. This is especially useful for &lt;strong&gt;blind people&lt;/strong&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  How is it different from &lt;a href="https://dev.to/rajatt/accessibility-scanner-in-android-4mb1"&gt;Accessibility Scanner&lt;/a&gt;?
&lt;/h2&gt;

&lt;p&gt;Accessibility Scanner: detect errors, &lt;strong&gt;cannot&lt;/strong&gt; be used by blind people&lt;br&gt;
Talkback: &lt;strong&gt;cannot&lt;/strong&gt; detect errors, actually used by blind people&lt;/p&gt;

&lt;h2&gt;
  
  
  Setting up Talkback
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;Open Google Play Store&lt;/li&gt;
&lt;li&gt;Install &lt;strong&gt;Android Accessibility Suite&lt;/strong&gt; app&lt;/li&gt;
&lt;li&gt;Open &lt;strong&gt;Settings&lt;/strong&gt;, search &lt;strong&gt;Talkback&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;Read all the information about it on the screen.&lt;/li&gt;
&lt;li&gt;Turn on &lt;strong&gt;Use Service&lt;/strong&gt; -&amp;gt; &lt;strong&gt;Allow&lt;/strong&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Common gestures while using Talkback
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Swipe Left/Right&lt;/strong&gt;: Screen reader outputs the audio for each view/item in the app so that blind people can understand what's going on in the app. Not all content is spoken at once otherwise the user will lose the context easily. To make it more friendly the screen reader allows &lt;strong&gt;swipe left/right&lt;/strong&gt; gesture with which the user can navigate between views back-and-forth.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Double Tap&lt;/strong&gt;: Exactly similar to &lt;code&gt;single tap&lt;/code&gt; for non-accessibility users. &lt;strong&gt;Why?&lt;/strong&gt; Because blind people can tap on screen but don't know exactly where to do that so screen-readers normally highlight a specific view and users can &lt;code&gt;double-tap&lt;/code&gt; anywhere on the screen and it will act as &lt;code&gt;single-click&lt;/code&gt; on that highlighted view. &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Swipe up then right to view&lt;/strong&gt; or &lt;strong&gt;Tap with three fingers&lt;/strong&gt;: What happens if we have some swipe gesture? For example in &lt;code&gt;Gmail&lt;/code&gt; app you can swipe on emails to archive or delete email. But how would an accessibility-user do that because a swipe gesture in such cases requires precision and sometimes a particular length of swipe too. For such cases this gesture (&lt;code&gt;swipe up then right to view&lt;/code&gt;) helps users to navigate to new dialog which shows list of actions that the user can do on specific item.&lt;/p&gt;

&lt;h2&gt;
  
  
  Developer tips
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;Try to use any android app using &lt;code&gt;Talkback&lt;/code&gt; and keep your eyes closed as this will give you much better context.&lt;/li&gt;
&lt;li&gt;The screen-reader starts from top-left view of screen and with each swipe shifts to next view.&lt;/li&gt;
&lt;li&gt;The format screen-reader follows is: &lt;code&gt;&amp;lt;content-text&amp;gt;, &amp;lt;type-of-view&amp;gt;, &amp;lt;possible-gestures&amp;gt;&lt;/code&gt;.&lt;/li&gt;
&lt;/ol&gt;




&lt;p&gt;The main goal of this post was to introduce you the challenges faced by blind people and how screen readers help them use different android apps.&lt;/p&gt;

</description>
      <category>android</category>
      <category>beginners</category>
      <category>tutorial</category>
      <category>mobile</category>
    </item>
    <item>
      <title>Accessibility Scanner in Android</title>
      <dc:creator>Rajat Talesra</dc:creator>
      <pubDate>Fri, 22 Jul 2022 16:51:00 +0000</pubDate>
      <link>https://dev.to/rajatt/accessibility-scanner-in-android-4mb1</link>
      <guid>https://dev.to/rajatt/accessibility-scanner-in-android-4mb1</guid>
      <description>&lt;h2&gt;
  
  
  Previous?
&lt;/h2&gt;


&lt;div class="ltag__link"&gt;
  &lt;a href="/rajatt" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__pic"&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--e9a6u6IX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/practicaldev/image/fetch/s--esqT7W27--/c_fill%2Cf_auto%2Cfl_progressive%2Ch_150%2Cq_auto%2Cw_150/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/609680/3172a01d-490c-47e3-af2f-bd181b2dada2.jpeg" alt="rajatt"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="/rajatt/what-is-accessibility-in-android-3lpf" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;What is Accessibility in Android?&lt;/h2&gt;
      &lt;h3&gt;Rajat Talesra ・ Jul 22 '22&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#android&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#beginners&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#tutorial&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#mobile&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;





&lt;p&gt;This post is for android developers and anyone who is interested in mobile app development.&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/77iIW-GvCtk"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;h2&gt;
  
  
  What is Accessibility Scanner?
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://support.google.com/accessibility/android/answer/6376570?hl=en"&gt;Accessibility Scanner&lt;/a&gt; is an app/service in android which scans through screens and provide accessibility based suggestions like:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;increasing the size of all clickable items - so that people with confined motor skills can click on items easily,&lt;/li&gt;
&lt;li&gt;increasing foreground:background color contrast or text size so that people with color-blindness or low vision can read content easily, etc.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This service is useful for &lt;strong&gt;developers&lt;/strong&gt; and &lt;strong&gt;testers&lt;/strong&gt; and not for &lt;strong&gt;users&lt;/strong&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Using Accessibility Scanner
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;Open Google Play Store&lt;/li&gt;
&lt;li&gt;Download/Install &lt;code&gt;Accessibility Scanner&lt;/code&gt; app&lt;/li&gt;
&lt;li&gt;Open Settings and search &lt;code&gt;Accessibility Scanner&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Click on Use Accessibility Scanner -&amp;gt; Allow&lt;/li&gt;
&lt;li&gt;You will notice a blue colored floating button with tick/check icon.&lt;/li&gt;
&lt;li&gt;Now on any screen inside the app click on the floating button to take snapshot.&lt;/li&gt;
&lt;li&gt;You will notice that the scanner scans the screen and gives suggestion/errors if any.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Developer Tips
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Color Contrast&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;for large text(14sp bold or 18sp regular) &lt;code&gt;foreground:background&lt;/code&gt; ratio should be  &amp;gt;= &lt;code&gt;3 : 1&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;for small text &lt;code&gt;foreground:background&lt;/code&gt; ratio should be  &amp;gt;= &lt;code&gt;4.5 : 1&lt;/code&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Touch Targets&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Minimum size for any clickable item — &lt;code&gt;48dp x 48dp&lt;/code&gt; (including padding)&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Minimum gap between two clickable items - &lt;code&gt;8dp&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Content Labels&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;for clickable images, floating action buttons, etc. there should be meaningful content description.&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Next?
&lt;/h2&gt;

&lt;h2&gt;
  
  
  &lt;div class="ltag__link"&gt;
  &lt;a href="/rajatt" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__pic"&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--e9a6u6IX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/practicaldev/image/fetch/s--esqT7W27--/c_fill%2Cf_auto%2Cfl_progressive%2Ch_150%2Cq_auto%2Cw_150/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/609680/3172a01d-490c-47e3-af2f-bd181b2dada2.jpeg" alt="rajatt"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="/rajatt/talkback-screen-reader-in-android-4f21" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;Talkback - Screen Reader in Android&lt;/h2&gt;
      &lt;h3&gt;Rajat Talesra ・ Jul 23 '22&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#android&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#beginners&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#tutorial&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#mobile&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;

&lt;/h2&gt;

&lt;p&gt;The main goal of this post was to understand how to use &lt;strong&gt;Accessibility Scanner&lt;/strong&gt; in android. Feel free to suggest changes or ask questions in comments.&lt;/p&gt;

</description>
      <category>android</category>
      <category>tutorial</category>
      <category>beginners</category>
      <category>mobile</category>
    </item>
    <item>
      <title>What is Accessibility in Android?</title>
      <dc:creator>Rajat Talesra</dc:creator>
      <pubDate>Fri, 22 Jul 2022 14:11:00 +0000</pubDate>
      <link>https://dev.to/rajatt/what-is-accessibility-in-android-3lpf</link>
      <guid>https://dev.to/rajatt/what-is-accessibility-in-android-3lpf</guid>
      <description>&lt;p&gt;This post is for android developers and anyone who is interested in mobile app development. &lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/77iIW-GvCtk"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;h2&gt;
  
  
  What is Accessibility?
&lt;/h2&gt;

&lt;p&gt;Accessibility is practice of making apps accessible by everyone, i.e., specially-enabled people should also have access to apps. It includes people with (but is not limited to):&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;blindness / low vision&lt;/li&gt;
&lt;li&gt;deafness / impaired hearing&lt;/li&gt;
&lt;li&gt;confined motor hearing&lt;/li&gt;
&lt;li&gt;color blindness, etc.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  How are android apps made accessible?
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;For people with &lt;strong&gt;blindness / low vision&lt;/strong&gt; we have screen-reader apps like &lt;strong&gt;Talkback&lt;/strong&gt; which basically reads out the entire screen of android apps and provides spoken feedback based on which person can also interact with the app.&lt;/li&gt;
&lt;li&gt;For people with &lt;strong&gt;deafness / impaired hearing&lt;/strong&gt; there are services like &lt;strong&gt;Live Transcribe&lt;/strong&gt;, &lt;strong&gt;Sound Amplifier&lt;/strong&gt; which provides captions in apps or increases the volume of any audio output in app&lt;/li&gt;
&lt;li&gt;For people with &lt;strong&gt;confined motor skills&lt;/strong&gt; android has services like &lt;strong&gt;Magnification&lt;/strong&gt;, &lt;strong&gt;Switch Access&lt;/strong&gt;, etc which makes it easy to use apps&lt;/li&gt;
&lt;li&gt;For people with &lt;strong&gt;color blindness&lt;/strong&gt; android has services like &lt;strong&gt;Color Inversion / Correction&lt;/strong&gt; which provides range of color change options.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;So in short for each form of disability android provides some form of alternate so that the apps can become accessible.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why should we care?
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;15%&lt;/strong&gt; of world’s population has some type of disability&lt;/li&gt;
&lt;li&gt;they depend on accessibility apps/services to communicate, learn and work&lt;/li&gt;
&lt;li&gt;accessibility is not just for those with disabilities.  *&lt;em&gt;Example *&lt;/em&gt;: Driver can give instructions to maps app using voice command, person doing exercise can get instructions from app by audio feedback.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Developer Tips
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Accessibility is written as &lt;strong&gt;a11y&lt;/strong&gt; or &lt;strong&gt;A11y&lt;/strong&gt; or &lt;strong&gt;A11Y&lt;/strong&gt; in short.&lt;/li&gt;
&lt;li&gt;"a", then 11 characters in between, and then "y"&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Next ?
&lt;/h2&gt;


&lt;div class="ltag__link"&gt;
  &lt;a href="/rajatt" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__pic"&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--e9a6u6IX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/practicaldev/image/fetch/s--esqT7W27--/c_fill%2Cf_auto%2Cfl_progressive%2Ch_150%2Cq_auto%2Cw_150/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/609680/3172a01d-490c-47e3-af2f-bd181b2dada2.jpeg" alt="rajatt"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="/rajatt/accessibility-scanner-in-android-4mb1" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;Accessibility Scanner in Android&lt;/h2&gt;
      &lt;h3&gt;Rajat Talesra ・ Jul 22 '22&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#android&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#tutorial&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#beginners&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#mobile&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;





&lt;p&gt;Hope this post does explain what &lt;strong&gt;accessibility&lt;/strong&gt; means and why we should &lt;strong&gt;care&lt;/strong&gt;. Feel free to suggestion changes or ask questions in comments.&lt;/p&gt;

</description>
      <category>android</category>
      <category>beginners</category>
      <category>tutorial</category>
      <category>mobile</category>
    </item>
  </channel>
</rss>
