JSFoo Delhi 2020

JSFoo Delhi 2020

On component architecture, performance, security for front-end, and emerging trends

Anuradha Kumari


Writing JavaScript with accessibility in mind

Submitted May 18, 2020

Accessibility is a very important aspect of web development. As web developers, we strive to bring inclusion into the digital world. But, sometimes we unintentionally build inaccessible websites and the reason is mostly the lack of awareness about accessibility. Also, during the current pandemic of COVID-19, the web has seen a tremendous increase in the number of users. Hence, accessibility is the urgent need of the hour.

In this session, we will explore how we can build fully accessible and interactive websites leveraging JavaScript and contribute towards achieving inclusion through some simple guides and principles.


The goal of this talk is to empower everyone to code with inclusion, diversity, and empathy in mind. We will talk about why it’s the need of the hour to make accessibility an integral part of the development phase. I will share some accessible JavaScript code examples that any developer can start using right away.

Table of contents:
- What is a11y?
- Why should we care?
- Can JavaScript make/break accessibility?
- Examples and guides for writing accessible JS code
- Key takeaways

We will start with a brief introduction of a11y and move towards exploring the ways in which JavaScript code can make or break the website accessibility. We will see how to make the functionalities accessible to keyboard users and users of assistive technology.

The key takeaways from the talk would be - the developers can apply the concepts learned within their projects/frameworks allowing everyone to write fully accessible and interactive interfaces/websites.

Speaker bio

Anuradha is a tech enthusiast, current working as a frontend developer at mediaocean, Pune. She is passionate about learning new things and sharing the knowledge and experience through tech articles and tech talks. She advocates for developing web content with accessibility in mind.





{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}