Image for post
Image for post

Tl;dr
Follow the#AccessibleAdvent hashtag on Twitter and learn from the disabled people and the activists about how to ensure access.

You can also read the content at accessible advent website.

Introduction

December 2020 saw several advent calendars being published around by the community. My most favorite one is the Accessible Advent. It is a positive and creative campaign started by @GinnyAndT to raise awareness around disability access.

As part of this, Every day in December, people are posting one thing that would make life more accessible for them.

Learn from the content

The tweets have been eye-opening and should be considered as learning material by everyone in order to work together and make a more inclusive world. …


and the morally right thing to practice

Hi everyone, how are you? If you are able to read this article without having to use any assistive technologies, you should be thankful for that privilege. If you are using assistive technologies and are able to access this article without any issues, that’s your right and it should never be the other way.

Accessibility — the ethical responsilibity by Anuradha Kumari
Accessibility — the ethical responsilibity by Anuradha Kumari

You might or might not have heard about accessibility. Even if you would have heard about it, there might be chances you encountered some of the myths surrounding it which makes it burdensome or complex in general.

Today, we are going to start from the very basics of the topic, at 101 level, and gradually move towards more details. This article is specifically dedicated to introducing accessibility in general and how does it span to the web. …


your frontend code needs to be unit tested — by Anuradha Kumari
your frontend code needs to be unit tested — by Anuradha Kumari

Front End testing can be done in multiple ways, like unit testing, integration testing, system testing, and acceptance testing. Today, we are going to explore the importance of unit testing and the tips to test our frontend code.

Introduction

In my 7+ years of frontend development experience, I have met very few people who are willing to write unit test cases for their code. It is usually optional; something developers take up as a tech task if they have extra time. A lot of people think it a waste of time, effort, and resources.

But, if anything, unit testing is an investment in the future. If done properly, unit tests can save a lot of time, effort, and resources in the long run. …


Hi everyone, how are you? Today we are going to configure the prettier and eslint plugins for a React project from scratch.

Image for post
Image for post

We will be using VSCode as the default IDE, and all of the extension links in the below section will point to VSCode extensions. If you are using any other IDE, you can find respective extensions on the internet.

Let’s got through the steps one by one in the same order as below. …


Book with text accessibility and a black pen
Book with text accessibility and a black pen
Credits: Image from unsplash + google slide edits

Before we start, I would like to put out a disclaimer:

This article is a summary of my encounter with web accessibility and how I reacted to it. This does not cover the technical aspects of a11y. I will be posting a series of articles focused on the intricacies of web accessibility in the coming weeks. Stay tuned.

Introduction

Ok, let’s get started. Almost a year ago, I was completely ignorant of accessibility. I was a normal web developer, obsessed with JavaScript and fangirling over ReactJs as I was creating a scalable and responsive web application for an online-only bank.

Then one fine day I came across an event being held to celebrate Global Accessibility Awareness Day (GAAD).
As per definition by Wikipedia — Global Accessibility Awareness Day (GAAD) is an awareness day focusing on digital access and inclusion for more than one billion people with disabilities and impairments. It is marked annually on the third Thursday of May. …


Have you been procrastinating just because you do not feel confident enough?

If yes, then this post is for you. I am here to tell you, to motivate you, to push you to get started anyways. Do not bother about the results, just go for it.

Coffee mug with quote ‘Begin’
Coffee mug with quote ‘Begin’
Source: Unsplash

Getting started

Getting started is the hardest part, it often feels intimidating and challenging. Trust me, almost every writer once faced such doubts. But it did not stop them from publishing their thoughts, their experiences, their knowledge. And it should not stop you too.

Start small and be consistent. You do not need to have a perfect or unique topic to start your blog. Pick a topic you are comfortable with and list down all the points you want to share on that topic. It doesn't have to be even full sentences in the first try. Write down whatever comes to your mind, whatever you know about the topic. And then reiterate. Re-read the points, try to create sentences out of those points, try to relate it in a sequential manner. Re-edit and re-read it. How do you feel? …


#30DaysOfKotlin learning program

Image for post
Image for post

The first two weeks of #30DaysOfKotlin have passed and, I am sharing below some basic takeaways from Kotlin from a javaScript developer perspective.

1) Semicolons are optional

just like JavaScript. Although personally, I am not a fan of this optional semicolon feature, but if you are used to skipping those semicolons Kotlin has a warm welcome message right there for you.

PFB a classic hello world function:

fun helloKotlinWorld() {
println("Hello Kotlin world!")
}
helloKotlinWorld()
// Hello Kotlin world!

Note the syntax of the function is almost similar, with the keyword function shortened to fun. More on functions later.

2) Strings must be double-quoted

In JavaScript, we have the freedom to create strings with either double or single quotes. I personally prefer single quotes for consistency. And this lead to errors while writing the first hello world program for me. …


With the #30DaysOfKotlin learning program

Hello everyone, I hope you all are safe and in good health.

Today marks the first day of the #30DaysOfKotlin program by Google Developers India.

Image for post
Image for post
Source: Google images

Having almost always coded in JavaScript and associated libraries, this came as an opportunity for me to explore something new. I have heard a lot about Kotlin from friends and colleagues and so I think this is about time I get my hands dirty on it. …


How to get rid of the weird styled component names in test snapshots

Image for post
Image for post
Created using powerpoint

Introduction

If you practice TDD and you have been using styled-components in your React applications, this post could be for you.

This requires some previous knowledge with unit testing React code. If you want to understand the basic of unit testing, please check here.

Let’s start

Find the relevant code examples at github. Clone the repository to follow along, if you want. There are two folders with same example, one of them uses displayName for styled components, while the other doesn’t. We will start with the code which does not contain displayName to understand the issues.

Check the code here - https://github.com/anuk79/UnitTestingReactWithStyledComponents/tree/master/src/pages/without-display-name/user

The main component is user.jsx which uses some styled components. …


Solving one of the recurring interview questions for JavaScript developers

Hi everyone, how are you doing? This is my first article for the year 2020 and let’s get into some problem-solving exercise today.

Image for post
Image for post

This is one of the recurring interview questions for JavaScript developers. We will go through both the problem and the solution in this post.

Problem statement:

Write a function to flatten a multi-dimensional array (depth can go till n-levels) and the result should not contain any null/undefined values.

Sample input:

var testArray = [1, 2, null, [4, undefined, [11, 10]], 6, [7, null, 0], null, 9];

Expected output:

[1, 2, 4, 11, 10, 6, 7, 0, 9]

Solution 1: using ‘for’ loop and ‘recursion’

// the utility function to flatten input…

About

Anuradha Kumari

Tech enthusiast, Development Specialist @teammediaocean. Creator of https://explore-a11y.netlify.app/ My motto — ‘Choose RIGHT over easy, always!’

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store