Author: Shadab Saifi

  • Screen Readers support for text level HTML semantics

    Screen readers are an important assistive technology that helps people with visual impairments access digital content. They work by converting text on a website or application into speech, allowing users to navigate through the content and understand its meaning. One of the key ways that screen readers are able to accurately interpret the content is […]

  • aria-label

    The aria-label attribute specifies a string value that serves as a label for an element. Details The purpose of aria-label is the same as aria-labelledby. Both provide an accessible name for an element. If there is no visible name for the element you can reference, use aria-label to provide the user with a recognizable accessible […]

  • aria-activedescendant

    When the focus is on a composite widget, combobox, textbox, group, or application, the aria-activedescendant attribute identifies the currently active element. Details When interactive elements have multiple focusable descendants, such as menus, grids, and toolbars, the aria-activedescendant property is used to manage focus for assistive technologies. aria-activedescendant can be used on container elements to refer […]

  • Step by Step guide | Customisable WordPress Mega Menu | Code

    Summary I have remediated almost 100+ WordPress websites and making the WordPress menu accessible is always a challenging task. I and also not very happy with my website’s existing design so I thought let’s create a WordPress theme that provides full customization and maximum accessibility. The first thing that comes to mind is the mega-menu […]

  • Top 4 possible failures of 1.1.1 Non-text Content

    Accessibility testing is essential not just because you want to make your website/app accessible but it is a step towards making the web inclusive. In modern website layout, Images and Graphics are being used to attract the audience and give a better experience. but when they don’t have alternative text, assistive technology users can’t feel […]

  • Live region & aria-live=”off”

    The live region plays a very important role to convey dynamic changes on the website and I believe in code reusability so that I don’t have to code again.

  • Focus visibility

    Focus visibility is essential for the users who are dependent on a keyboard. A focus indicator will be displayed when an interactive element receives focus.