Web Accessibility

In this last post we will go over various resources that you can use either during the development of your apps or while testing them. Online Courses Udacity A11ycasts Pluralsight – Web Accessibility Pluralight – Progressive Web Apps Color Contrast OATMEAL Color Contrast: https://goo.gl/khWzhs aXe Chrome Extension: https://goo.gl/TMZoBP WCAG 1.4.3: https://goo.gl/ZkHlnV WCAG 1.4.6: https://goo.gl/TemJvC Lea […]


WAI-ARIA (Web Accessibility Initiative – Accessible Rich Internet Applications) is a technical specification published by the World Wide Web Consortium (W3C) that specifies how to increase the accessibility of web pages, in particular, dynamic content, and user interface components developed with Ajax, HTML, JavaScript, and related technologies. ARIA are basically attributes that you can specify […]


In the previous post we went over semantics and the Accessibility tree. While testing the structure of your Web App and composing functionality it is good to have in mind some key elements that will help you with Accessibility. Headers While constructing our websites the way we place the headings is important. Headings have a […]


As a Web Developer you’ve been accustomed to the Render-tree. When you write HTML and CSS the browser creates a tree translating the DOM from a string to DOM objects. However did you know that the browser also generates an Accessibility Tree? This Accessibility tree is similar to the render tree however it also tries […]


Assistive technology is an umbrella of devices, software and tools to that help any person with a disability to complete a task. This could be: Screen Reader On Windows you can just press the Windows + Enter button to open the Windows Narrator. On Chrome you can download the ChromeVox extension On the Mac you […]


Focus Interaction A first important subject is focus. Focus determines where keyboard events go in the page. We are used to focus from input fields, we usually move our mouse in the input field we want to interact with and once we click on it, it focuses and now consumes our keyboard events. Also, when […]


Full Stack Weekly Newsletter

A free weekly newsletter for full stack web developers!