What does “built in accessibility” actually mean for browsers that support popover?| Hidde's blog
Pop quiz! What's the difference between a Popover element and a Dialog element? The answer is not all that clear and is widely misunderstood, but Zell has a clear way to explain it so that you know which element to reach for in your work.| CSS-Tricks
FrameLocator represents a view to the iframe on the page. It captures the logic sufficient to retrieve the iframe and locate elements in that iframe. FrameLocator can be created with either locator.contentFrame(), page.frameLocator() or locator.frameLocator() method.| playwright.dev
[Accessible Rich Internet Applications (ARIA)](https://www.w3.org/WAI/standards-guidelines/aria/) is an inevitability when working on web accessibility. That said, it’s everyone’s first time learning about ARIA at some point.| Smashing Magazine
Since the early days of the web, when images could be floated and text would wrap around them, designers have wanted to bring drop caps onto the web. Then we learned how terrible a pattern like atthew is for users, and CSS introduced :first-letter, letting us believe all…| Adrian Roselli
The [LocatorAssertions] class provides assertion methods that can be used to make assertions about the [Locator] state in the tests.| playwright.dev
Locators are the central piece of Playwright's auto-waiting and retry-ability. In a nutshell, locators represent a way to find element(s) on the page at any moment. A locator can be created with the page.locator() method.| playwright.dev
FrameLocator represents a view to the iframe on the page. It captures the logic sufficient to retrieve the iframe and locate elements in that iframe. FrameLocator can be created with either locator.contentframe, page.framelocator() or locator.frame_locator() method.| playwright.dev
The [LocatorAssertions] class provides assertion methods that can be used to make assertions about the [Locator] state in the tests.| playwright.dev
Locators are the central piece of Playwright's auto-waiting and retry-ability. In a nutshell, locators represent a way to find element(s) on the page at any moment. A locator can be created with the Page.Locator() method.| playwright.dev
FrameLocator represents a view to the iframe on the page. It captures the logic sufficient to retrieve the iframe and locate elements in that iframe. FrameLocator can be created with either Locator.ContentFrame, Page.FrameLocator() or Locator.FrameLocator() method.| playwright.dev
アクセシビリティの概念的な理解から、取り組むべき理由、ガイドライン、実践方法、その学び方など、幅広いテーマについての概説と、それら各論の参考資料の紹介。| PLAID Engineer Blog
Building UI components that follow the ARIA Authoring Practices Guide (APG) is a time-consuming and challenging task to capture all the many details. Here comes aria-voyager the canoe vessel that navigates your components. You bring your own markup (BYOM) and aria-voyager layers navigation on top.| Thomas Gossmann
FAQ| a11ysupport.io
Page provides methods to interact with a single tab in a Browser], or an [extension background page in Chromium. One [Browser] instance might have multiple [Page] instances.| playwright.dev
Locators are the central piece of Playwright's auto-waiting and retry-ability. In a nutshell, locators represent a way to find element(s) on the page at any moment. A locator can be created with the page.locator() method.| playwright.dev
The [LocatorAssertions] class provides assertion methods that can be used to make assertions about the [Locator] state in the tests.| playwright.dev
Last year, a colleague introduced me to the Interop Accessibility project.| WebKit
Page provides methods to interact with a single tab in a Browser], or an [extension background page in Chromium. One [Browser] instance might have multiple [Page] instances.| playwright.dev
Accessibility consultancy with a focus on inclusion. We can help you with knowledge, experience, strategy, assessments, and development.| TetraLogical
The ARIA Authoring Practices Guide (APG) contains an extensive range of design patterns aimed at helping developers to create accessible web experiences using WAI-ARIA. However, while we encourage web authors to follow these design patterns, a common misconception is that their usage is a prerequisite for conformance. This is not the case.| TetraLogical
This document describes how user agents determine the names and descriptions of accessible objects from web content languages. This information is in turn exposed through accessibility APIs so that assistive technologies can identify these objects and present their names or descriptions to users. Documenting the algorithm through which names and descriptions are to be determined promotes interoperable exposure of these properties among different accessibility APIs and helps to ensure that thi...| w3c.github.io
Les différentes utilisations possibles de l'attribut ARIA : aria-current| a11y-guidelines.orange.com
Exemple de liste ARIA (partie 2), intégration de cases à cocher.| a11y-guidelines.orange.com
Page provides methods to interact with a single tab in a Browser], or an [extension background page in Chromium. One [Browser] instance might have multiple [Page] instances.| playwright.dev
シリーズ「アクセシビリティ通信」ではウェブアクセシビリティに関するトピックを取り上げていきます。今回は `aria-hidden` 属性について取り上げます。| griponminds.jp
Traduction française| Tink - Léonie Watson - On technology, food & life in the digital age
– The personal website of Sara Soueidan, inclusive design engineer| www.sarasoueidan.com
Trying Markdown code indicators in my post title, not because I want it to convert, but because I am curious if people will ping me to tell me it broke their RSS readers. Oh, and so it converts to code when pasted into your GitHub issues. ARIA note Role A…| Adrian Roselli
If you have an interface where content is dynamically updated, and when the content is updated it does not receive focus, then you likely are going to need a...| www.scottohara.me
Learn what HTML landmark roles are, how they improve accessibility, and how you can include them on your website effectively.| MDN Web Docs
Number 4 Will Give You a Seizure The title is written as a so-called clickbait title and meant as a tongue-in-cheek joke. Often clickbait titles deceptively present tips as a form of powerful secret knowledge. In this case, accessibility specialists don’t want you to know these tips because they’re bad practice. These are tips you […]| 24 Accessibility
Before we even begin, here are some key things I want you to take away from this post, which I had intended to write as a quick note of sorts… but I clearly ...| www.scottohara.me
In this article, Olushuyi explores a mental model that helps you decide between the `` and `` elements when writing documents. You will explore how grouping content affects accessibility and how you can make it all count for users.| Smashing Magazine
The element semantically represents a generic grouping of content with an overarching theme. It is one of the HTML elements categorized as se...| www.scottohara.me
A deep dive into the semantics, behaviours and characteristics of some of the most common user interface elements of websites today.| Hidde's blog
TL:DR; Jump straight to the recommendations In part 1 of this deep dive, we took a broad look at both how the native <select> element works across browsers and platforms, and the current state of accessible custom select component implementations. It’s necessary to look at how fragmented current select UX patterns are in order to […]| 24 Accessibility
Liking an idea does not mean the idea is exempt from criticism…| ericwbailey.website
The following is a collection of free international standards, registries and references that I collected throughout the years while developing websites and web services. These references, while very precise and technical by their nature, are extremely useful in order to ensure that a specific…| Guillaume Fortin-Debigaré
Page provides methods to interact with a single tab in a Browser], or an [extension background page in Chromium. One [Browser] instance might have multiple [Page] instances.| playwright.dev
The is the most versatile and used element in HTML. It represents nothing, while allowing developers to manipulate it into almost anything by use...| www.scottohara.me
The Web Accessibility Initiative Accessible Rich Internet Applications specification 1.2, or WAI-ARIA or ARIA for short, is a technical specification written by the World Wide Web Consortium (W3C). In this post we explore what WAI-ARIA is, and how it can enhance the user experience for people using screen readers.| TetraLogical
As an extension to our From URL to Interactive series, designer and front-end developer Melanie Richards takes a deep dive into how our content is accessed by a wide array of screen readers, which …| A List Apart
Today, March 24th 2023, the HTML specification added a new grouping content element. The search element.| www.scottohara.me
A collection of bad practices in HTML, copied from real websites.| Landmarks and where to put them - HTMHell
Diving deep into three attributes that bring clarity to elements in assistive technologies.| Ben Myers
Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI).| Web Accessibility Initiative (WAI)