• Skip to primary navigation
  • Skip to main content
  • Skip to footer
  • Who we are
    • Our values
    • Our story
    • Our clients
    • Our world presence
  • What we do
    • Solutions
    • Content services platforms
      • What is CSP?
      • Solution Enablement Toolkit (SET) for CSP
      • Nuxeo systems integrator
      • Meet our Nuxeo developers
      • Content Services Platforms resources
    • Robotic process automation
      • What is RPA
      • Solution Enablement Toolkit (SET)
      • Automation center of excellence
      • Journey to intelligent automation
    • Adobe Experience Cloud
    • SharePoint services
      • Microsoft 365 automation
      • Solution Enablement Toolkit (SET) for SharePoint
    • Collaboration & Web CMS
    • Services
    • Accessibility compliance
      • Accessibility development & design
      • Accessibility testing
      • Accessibility training & learning
      • Accessibility file & document remediation
      • Accessibility resources
    • Cloud & application development
    • Data & analytics
    • Support services
  • How we do it
    • Getting started
    • Governance model
    • Project management office
    • QA Framework
    • Insights
    • Case studies
    • Events & community
  • Careers
 iSoftStone – IT Services, Software Consulting, Accessibility Consulting

iSoftStone - IT Services, Software Consulting, Accessibility Consulting

A step above: We help you reach the next level in digital transformation

  • Who we are
    • Our values
    • Our story
    • Our clients
    • Our world presence
  • What we do
    • Solutions
    • Content services platforms
      • What is CSP?
      • Solution Enablement Toolkit (SET) for CSP
      • Nuxeo systems integrator
      • Meet our Nuxeo developers
      • Content Services Platforms resources
    • Robotic process automation
      • What is RPA
      • Solution Enablement Toolkit (SET)
      • Automation center of excellence
      • Journey to intelligent automation
    • Adobe Experience Cloud
    • SharePoint services
      • Microsoft 365 automation
      • Solution Enablement Toolkit (SET) for SharePoint
    • Collaboration & Web CMS
    • Services
    • Accessibility compliance
      • Accessibility development & design
      • Accessibility testing
      • Accessibility training & learning
      • Accessibility file & document remediation
      • Accessibility resources
    • Cloud & application development
    • Data & analytics
    • Support services
  • How we do it
    • Getting started
    • Governance model
    • Project management office
    • QA Framework
    • Insights
    • Case studies
    • Events & community
  • Careers

Is ARIA HTML the right choice for your website?

Home ‣ Insights ‣ Articles ‣ Is ARIA HTML the right choice for your website?

April 15, 2018 by bhamilton1000

Web Accessibility Initiative – Accessible Rich Internet Applications (WAI-ARIA) is a technology published by the World Wide Web Consortium (W3C) that defines a way to make web content and applications more accessible to people with disabilities.

In particular, ARIA is designed to help with dynamic content and advanced user interface control. These are technologies such as Ajax, HTML, and JavaScript.

Before applying ARIA, certain web functions might not be available to users with disabilities. For example, people who are visually impaired and use a screen reader might not be able to access a drop-down menu or to choose items off of that menu. ARIA addresses these challenges by defining the way in which that functionality will be accessible to assistive technology.

This sounds fantastic, right? ARIA allows web developers to make their products more accessible to people with disabilities. Let’s throw it at every application on every site!

Not so fast. While ARIA is a solid technology with the potential to do good things, it is not a cure-all. Some web developers apply ARIA without much consideration of what the end result will be. Unfortunately, this approach can end up doing much more harm than good.

Why ARIA Isn’t Always the Right Choice for Web Accessibility

ARIA is intended to supplement the existing native HTML elements, not replace them.

According to W3C, the first rule of ARIA use is “If you can use a native HTML element or attribute with the semantics and behavior you require already built in, instead of repurposing an element and adding an ARIA role, state or property to make it accessible, then do so.”

HTML provides the Internet with its main structure. It consists of codes and tags, each with their own native semantics. When you write an HTML tag, those semantics communicate something specific to the browser. For example, a <menu> tag tells the browser “this is a menu.”

When someone reads your webpage using a screen reader, that assistive technology access the tag’s native semantics and use that information to navigate the page. Without the native semantics, the screen reader is lost, which is why W3C’s second rule of ARIA use is this:

“Do not change native semantics, unless you really have to.” It is important that the assistive technology can read those semantics in order to navigate properly.

In addition, when you are using ARIA, it is often preferable to use native HTML elements as a fallback for your ARIA roles. For example, you might use HTML list elements for the skeleton of an ARIA-scripted tree widget.

This means that developers need to take care to evaluate their HTML elements and attributes for their accessibility potential. Don’t just toss ARIA at everything. Check to see if it’s needed first. Then determine to what extent accessibility requires the use of ARIA, and use it to plug any holes that are preventing full accessibility.

How to Use ARIA the Right Way

We’re not suggesting ARIA is never the right solution. It is absolutely true that web developers can and should thoughtfully and skillfully apply ARIA to make their products more accessible to people with disabilities.

You want all users to experience your websites as an effortless and intuitive way to access content they are looking for. ARIA can help remove the frustration of constantly having to find a workaround for content that doesn’t communicate well with assistive technology.

Before you hack away at your HTML elements, start with a simple markup. Semantically describe all the content. Test everything multiple times using all available assistive technologies. If you detect deficiencies in which the HTML semantics are not properly communicating, apply ARIA.

Build Better Websites

Here’s something else for you to consider. Part of the reason that the ARIA technology was created in the first place is that many websites were not built with accessibility in mind. Before you start creating any new site, you should think about how all people, including those with disabilities, will access it.

You can break this trend. Learn about all of the available HTML tags and the best way to use them. Pay special attention to page templates and their semantics. Learn about the best uses for ARIA as well.

Then apply these considerations to the foundation of your website as you’re building it.

When you run your tests, be sure to conduct several manual tests with screen readers. Plenty of them are available for free. Have a human being sit with a screen reader and navigate through the site. Does everything make sense? Is anything confusing? Is there information missing?

Navigating a website that was not built to accommodate your technology can be a frustrating, difficult experience. Help people with disabilities to access your products and pages by first using native HTML elements with the appropriate semantics, then supplementing with ARIA when necessary.

 

Posted:
Oct 1, 2016
Reading Time:
4 minutes
Share:
Tags:
Accessibility

Articles Accessibility

Footer

Get in touch

  • info@isoftstone.com
  • +1 425-216-6300
CONTACT US

iSoftStone

  • North America Headquarters
    188 106th Ave NE
    Suite 610
    Bellevue, WA 98004
    USA


    New York
    777 Westchester Avenue
    Suite 101
    White Plains, NY 10604
    USA

Our other channels

Twitter LinkedIn Instagram YouTube Channel

Navigation

Who we are

  • Our values
  • Our story
  • Our clients
  • Our world presence

What we do

  • Content services platform
  • Robotic process automation
  • Adobe Experience Cloud
  • SharePoint services
  • Collaboration & Web CMS
  • Accessibility compliance
  • Cloud & application development
  • Data & analytics
  • Support services

How we do it

  • Getting started
  • Governance model
  • Project management office
  • QA framework
  • Insights
  • Case studies
  • Events & community

Careers

Locations

Privacy

Our Social Responsibilty

Copyright © 2005–2023 iSoftStone, Inc. All rights reserved.

We are using cookies to give you the best experience on our web site.

You can find out more about which cookies we are using or switch them off in settings.

Privacy Overview
 iSoftStone - IT Services, Software Consulting, Accessibility Consulting

This web site uses cookies so that we can provide you with the best user experience possible. Cookie information is stored on your computer by your browser and performs functions such as recognizing your browser when you return to our web site and helping our web team to understand which sections of the web site you find most interesting and useful.

Strictly Necessary Cookies

Strictly necessary cookies should be enabled at all times so that we can save your preferences for cookie settings.

If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this web site you will need to enable or disable cookies again.

Google Analytics

This web site uses Google Analytics to collect anonymous information such as the number of visitors to the web site and the most popular pages. Keeping this cookie enabled helps us improve our web site.

Please enable strictly necessary cookies first so that we can save your preferences!

Cookie Policy

More information about this web site's use of cookies can be found in the Privacy Policy.