WAI-ARIA

As explained in WordPress Power Toolkit: Harness AI to build next-level websites

Accessible Rich Internet Applications (ARIA) is a web standard for adding semantic roles, states, and properties to HTML interfaces so assistive technologies can interpret them.

WAI-ARIA adds HTML attributes called roles that label site content and help screen readers clarify a website’s structure and regions. section 8.6.2

Check a theme’s ARIA support with these practical steps:

• Inspect the site frontend, open the browser Inspector, and search for role. section 8.6.2
• Use the Web Developer extension’s Information menu to view the page’s ARIA roles. section 8.6.2
• Run a Lighthouse report from Chrome’s developer tools and review its Accessibility analysis. section 8.6.2

Role inspection

A theme’s markup may contain roles such as presentation, option, list box, or group. Finding these labels helps reveal how assistive technology can interpret the interface. section 8.6.2

You would likely find this Web Developer extension valuable when building and maintaining a site.

Review the Web Developer extension as a practical way to inspect ARIA roles while building or maintaining a site. section 8.6.2

How WordPress Power Toolkit: Harness AI to build next-level websites covers it

How deep it goes

Identifies ARIA roles and gives inspection and Lighthouse-testing steps, but does not detail how to author role markup.

Examples

Names presentation, option, list box, and group roles and recommends inspecting WordPress themes such as Astra or GeneratePress.

What you can do after

Evaluate theme accessibility by inspecting ARIA roles and running Lighthouse’s Accessibility analysis.

How it connects

Connects HTML attributes with screen readers, accessible themes, browser inspection, browser extensions, and Lighthouse accessibility testing.

liveBookmanning.com

Read WordPress Power Toolkit: Harness AI to build next-level websites on liveBook Get the book at manning.com

Also explained in

• 

  liveBookmanning.com
  Everyday Data VisualizationA W3C standard defining roles, states, properties, and attributes that improve the accessibility of dynamic web content.
• 

  liveBookmanning.com
  React in DepthWAI-ARIA is a W3C specification defining semantics, roles, states, and properties that make web content accessible to assistive technologies.

Compare how 3 books explain WAI-ARIA →

Related concepts

• accessibilitycontrasts with · Accessibility is the degree to which a product, service, system, or information can be accessed, understood, and used by people with diverse abilities and access needs.
• getByRoleused by · getByRole is a user-interface testing query that locates an element by its accessible role and optionally its accessible name.
• ARIA labelhas part · The aria-label attribute directly provides an accessible name for an interface element as text.
• HTMLuses · HTML (HyperText Markup Language) is the standard markup language for structuring content and elements in web documents.

This explainer was generated by Manning's knowledge graph from the text of WordPress Power Toolkit: Harness AI to build next-level websites. The section links point to the parts of the book it draws on.