# WCAG

Published articles for WCAG.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## WordPress Proposes Ipsum as a Minimal Default Theme for WordPress 7.2

DevFeed: [WordPress Proposes Ipsum as a Minimal Default Theme for WordPress 7.2](<https://devfeed.tech/articles/today-wordpress-ended-a-16-year-tradition-meet-ipsum-31388.md>)

Original publisher: [Read original article](<https://webdesignerdepot.com/today-wordpress-ended-a-16-year-tradition-meet-ipsum/>)

Author: Alex Harper

Published: 2026-09-16T16:51:36Z

Content type: news

Language: en

Sources: [Web Designer Depot](<https://devfeed.tech/sources/web-designer-depot.md>)

Topics: [WordPress](<https://devfeed.tech/topics/wordpress.md>), [WordPress themes and plugins](<https://devfeed.tech/topics/wordpress-themes-and-plugins.md>), [Website](<https://devfeed.tech/topics/website.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [block-themes](<https://devfeed.tech/tags/block-themes.md>), [cms](<https://devfeed.tech/tags/cms.md>), [default-themes](<https://devfeed.tech/tags/default-themes.md>), [full-site-editing](<https://devfeed.tech/tags/full-site-editing.md>), [gutenberg](<https://devfeed.tech/tags/gutenberg.md>), [gutenberg-editor](<https://devfeed.tech/tags/gutenberg-editor.md>), [ipsum](<https://devfeed.tech/tags/ipsum.md>), [matt-mullenweg](<https://devfeed.tech/tags/matt-mullenweg.md>), [news](<https://devfeed.tech/tags/news.md>), [news-web-development](<https://devfeed.tech/tags/news-web-development.md>), [release](<https://devfeed.tech/tags/release.md>), [twenty-twenty-seven](<https://devfeed.tech/tags/twenty-twenty-seven.md>), [ux-design](<https://devfeed.tech/tags/ux-design.md>), [wcag](<https://devfeed.tech/tags/wcag.md>), [web-design](<https://devfeed.tech/tags/web-design.md>), [web-development](<https://devfeed.tech/tags/web-development.md>), [website-design](<https://devfeed.tech/tags/website-design.md>), [wordpress](<https://devfeed.tech/tags/wordpress.md>), [wordpress-7-2](<https://devfeed.tech/tags/wordpress-7-2.md>), [wordpress-design](<https://devfeed.tech/tags/wordpress-design.md>), [wordpress-themes](<https://devfeed.tech/tags/wordpress-themes.md>)

### AI overview

WordPress has proposed Ipsum as the default theme for WordPress 7.2, replacing the year-based Twenty Something naming convention. The deliberately minimal theme is designed as a customizable blogging canvas, while the more expressive Mētis theme will remain separate and will not ship with the release.

### Source excerpt

After 16 years, WordPress just killed one of its most recognizable traditions. The predictable "Twenty Something" default themes are history, and their replacement, Ipsum, signals a surprisingly different vision for what WordPress thinks a modern website should start with.

## Why Is WCAG Level AA the Standard for Digital Accessibility?

DevFeed: [Why Is WCAG Level AA the Standard for Digital Accessibility?](<https://devfeed.tech/articles/why-is-wcag-level-aa-the-standard-for-digital-accessibility-36134.md>)

Original publisher: [Read original article](<https://www.boia.org/blog/why-is-wcag-level-aa-the-standard-for-digital-accessibility>)

Author: Mark

Published: 2026-03-06T16:56:18Z

Content type: article

Language: en

Sources: [Blog-Main](<https://devfeed.tech/sources/blog-main.md>)

Topics: [Accessibility](<https://devfeed.tech/topics/accessibility.md>), [Web Content Accessibility Guidelines](<https://devfeed.tech/topics/web-content-accessibility-guidelines.md>), [digital accessibility](<https://devfeed.tech/topics/digital-accessibility.md>), [Web Accessibility (a11y)](<https://devfeed.tech/topics/web-accessibility.md>), [Usability](<https://devfeed.tech/topics/usability.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [accessibility-guidelines](<https://devfeed.tech/tags/accessibility-guidelines.md>), [accessibility-requirements](<https://devfeed.tech/tags/accessibility-requirements.md>), [color](<https://devfeed.tech/tags/color.md>), [compliance](<https://devfeed.tech/tags/compliance.md>), [digital-accessibility](<https://devfeed.tech/tags/digital-accessibility.md>), [keyboard](<https://devfeed.tech/tags/keyboard.md>), [readability](<https://devfeed.tech/tags/readability.md>), [usability](<https://devfeed.tech/tags/usability.md>), [wcag](<https://devfeed.tech/tags/wcag.md>), [web-content-accessibility-guidelines](<https://devfeed.tech/tags/web-content-accessibility-guidelines.md>)

### AI overview

This article explains why WCAG Level AA is commonly used as the goal for digital accessibility. It contrasts Levels A, AA, and AAA, describing Level A as a baseline and highlighting Level AA requirements such as color contrast and visible focus.

### Source excerpt

When you're building an accessibility initiative, it's a good idea to establish your goals up front -- and most accessibility experts will tell you that means seeking Level AA conformance with the Web Content Accessibility Guidelines (WCAG).

## Web Accessibility Is Less Rigid Than You Think

DevFeed: [Web Accessibility Is Less Rigid Than You Think](<https://devfeed.tech/articles/web-accessibility-is-less-rigid-than-you-think-36131.md>)

Original publisher: [Read original article](<https://www.boia.org/blog/web-accessibility-is-less-rigid-than-you-think>)

Author: Vince

Published: 2026-02-19T18:30:00Z

Content type: article

Language: en

Sources: [Blog-Main](<https://devfeed.tech/sources/blog-main.md>)

Topics: [Web Accessibility (a11y)](<https://devfeed.tech/topics/web-accessibility.md>), [Web Content Accessibility Guidelines](<https://devfeed.tech/topics/web-content-accessibility-guidelines.md>), [Web](<https://devfeed.tech/topics/web.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [accessibility-guidelines](<https://devfeed.tech/tags/accessibility-guidelines.md>), [defining-terms](<https://devfeed.tech/tags/defining-terms.md>), [developer](<https://devfeed.tech/tags/developer.md>), [wcag](<https://devfeed.tech/tags/wcag.md>), [web-accessibility](<https://devfeed.tech/tags/web-accessibility.md>), [web-content-accessibility-guidelines](<https://devfeed.tech/tags/web-content-accessibility-guidelines.md>)

### AI overview

This article explains that WCAG 2.2 is an extensive but flexible framework for digital accessibility. It focuses on removing barriers and achieving accessible outcomes rather than prescribing one rigid implementation, with examples involving alt text, keyboard-friendly navigation, and color contrast.

### Source excerpt

The Web Content Accessibility Guidelines (WCAG) contain 86 success criteria, as of version 2.2. That's a lot of requirements -- and if you're a developer, web designer, or content creator, digital accessibility probably sounds like a lot of extra work.

## Beyond Font Scaling: Large Content Viewer with Compose

DevFeed: [Beyond Font Scaling: Large Content Viewer with Compose](<https://devfeed.tech/articles/beyond-font-scaling-large-content-viewer-with-compose-38518.md>)

Original publisher: [Read original article](<https://eevis.codes/blog/2026-01-17/beyond-font-scaling-large-content-viewer-with-compose/>)

Author: Eevis Panula

Published: 2026-02-28T04:24:34.139000Z

Content type: tutorial

Language: en

Sources: [Eevis Blog](<https://devfeed.tech/sources/eevis-blog.md>)

Topics: [Compose](<https://devfeed.tech/topics/compose.md>), [Accessibility](<https://devfeed.tech/topics/accessibility.md>), [iOS](<https://devfeed.tech/topics/ios.md>), [Mobile](<https://devfeed.tech/topics/mobile.md>), [Web Content Accessibility Guidelines](<https://devfeed.tech/topics/web-content-accessibility-guidelines.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [accessibility-guidelines](<https://devfeed.tech/tags/accessibility-guidelines.md>), [bottom-navigation](<https://devfeed.tech/tags/bottom-navigation.md>), [compose](<https://devfeed.tech/tags/compose.md>), [ios](<https://devfeed.tech/tags/ios.md>), [mobile](<https://devfeed.tech/tags/mobile.md>), [wcag](<https://devfeed.tech/tags/wcag.md>), [web-content-accessibility-guidelines](<https://devfeed.tech/tags/web-content-accessibility-guidelines.md>)

### AI overview

This tutorial explains how to build a Large Content Viewer-like item previewer with Compose for bottom navigation items whose text cannot be adequately enlarged through font scaling. It describes the iOS accessibility pattern and discusses WCAG text-resizing considerations and the limitation that the proposed interaction relies on long press.

### Source excerpt

If you've worked with accessibility issues and have a bottom bar with multiple items, you've probably come across a problem with larger font sizes, where it's impossible to scale the bottom navigation bar texts properly with larger font sizes. You might have wondered whether there are any alternative ways to support larger font sizes beyond just, well, font scaling. That's what happened to me. There was a bottom bar with five items with long texts. The developer who implemented the bottom bar had restricted font scaling because larger font sizes made the bottom bar's items essentially unreadable. I started investigating options and came across one solution: a large content viewer from iOS. As Compose doesn't support this out of the box, I had to build it. This blog post explains what a Large Content Viewer is and how to build similar functionality with Compose. I call it the item previewer in this blog post. But before diving into that, let's discuss the large content viewer on iOS. Large Content Viewer on iOS Large content viewer is an accessibility tool for iOS that helps, for example, low-vision users display non-scaling elements, such as bottom-bar items, as previews with a larger font size. It's enabled only when the Large text (an accessibility setting) is enabled. Here's an example of what it looks like on the Files app: Accessibility Considerations There are accessibility considerations for this solution. First of all, yes, it can be WCAG-compliant. WCAG, which stands for Web Content Accessibility Guidelines, is the standard used, for example, in legislation. It applies to mobile apps as well. It states in success criteria 1.1.4 Resize text that Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality. If the mechanism is not the default font size setting, then another supported mechanism would suffice to pass the success criteria. With this solution, users can resize

## Web Accessibility Myths: Can a Font Choice Violate the ADA?

DevFeed: [Web Accessibility Myths: Can a Font Choice Violate the ADA?](<https://devfeed.tech/articles/web-accessibility-myths-can-a-font-choice-violate-the-ada-36132.md>)

Original publisher: [Read original article](<https://www.boia.org/blog/web-accessibility-myths-can-a-font-choice-violate-the-ada>)

Author: Alexa

Published: 2025-12-21T07:45:00Z

Content type: article

Language: en

Sources: [Blog-Main](<https://devfeed.tech/sources/blog-main.md>)

Topics: [Web Content Accessibility Guidelines](<https://devfeed.tech/topics/web-content-accessibility-guidelines.md>), [Web Accessibility (a11y)](<https://devfeed.tech/topics/web-accessibility.md>), [Font](<https://devfeed.tech/topics/font.md>), [Accessibility](<https://devfeed.tech/topics/accessibility.md>), [web design](<https://devfeed.tech/topics/web-design.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [accessibility-guidelines](<https://devfeed.tech/tags/accessibility-guidelines.md>), [accessibility-requirements](<https://devfeed.tech/tags/accessibility-requirements.md>), [accessibility-ux](<https://devfeed.tech/tags/accessibility-ux.md>), [accessible](<https://devfeed.tech/tags/accessible.md>), [color](<https://devfeed.tech/tags/color.md>), [fonts](<https://devfeed.tech/tags/fonts.md>), [legibility](<https://devfeed.tech/tags/legibility.md>), [sans-serif-fonts](<https://devfeed.tech/tags/sans-serif-fonts.md>), [serif-fonts](<https://devfeed.tech/tags/serif-fonts.md>), [wcag](<https://devfeed.tech/tags/wcag.md>), [web-accessibility](<https://devfeed.tech/tags/web-accessibility.md>), [web-content-accessibility-guidelines](<https://devfeed.tech/tags/web-content-accessibility-guidelines.md>)

### AI overview

This article explains that WCAG and the ADA do not require a specific font family. It distinguishes typeface choice from accessibility requirements involving text resizing, color contrast, and avoiding images of text.

### Source excerpt

On December 9th, 2025, U.S. Secretary of State Marc Rubio ordered diplomats to stop using Calibri -- a sans serif font -- and to switch back to Times New Roman. Normally, a change in typeface wouldn't make headlines, but Rubio's department took the unusual step of decrying Calibri as both unprofessional and wasteful.

## What Is ISO/IEC 40500, And Why Is It Important for Web Accessibility?

DevFeed: [What Is ISO/IEC 40500, And Why Is It Important for Web Accessibility?](<https://devfeed.tech/articles/what-is-iso-iec-40500-and-why-is-it-important-for-web-accessibility-36133.md>)

Original publisher: [Read original article](<https://www.boia.org/blog/what-is-iso/iec-40500-and-why-is-it-important-for-web-accessibility>)

Author: Alexa

Published: 2025-09-15T15:45:00Z

Content type: article

Language: en

Sources: [Blog-Main](<https://devfeed.tech/sources/blog-main.md>)

Topics: [Web Accessibility (a11y)](<https://devfeed.tech/topics/web-accessibility.md>), [Web Content Accessibility Guidelines](<https://devfeed.tech/topics/web-content-accessibility-guidelines.md>), [Accessibility](<https://devfeed.tech/topics/accessibility.md>), [digital accessibility](<https://devfeed.tech/topics/digital-accessibility.md>), [W3C](<https://devfeed.tech/topics/w3c.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [accessibility-compliance](<https://devfeed.tech/tags/accessibility-compliance.md>), [accessibility-guidelines](<https://devfeed.tech/tags/accessibility-guidelines.md>), [accessibility-requirements](<https://devfeed.tech/tags/accessibility-requirements.md>), [standard](<https://devfeed.tech/tags/standard.md>), [w3c](<https://devfeed.tech/tags/w3c.md>), [wcag](<https://devfeed.tech/tags/wcag.md>), [web-accessibility](<https://devfeed.tech/tags/web-accessibility.md>), [web-content-accessibility-guidelines](<https://devfeed.tech/tags/web-content-accessibility-guidelines.md>)

### AI overview

This article explains that ISO/IEC 40500 is identical to WCAG 2.0 and discusses why adopting WCAG as an ISO/IEC standard can simplify accessibility compliance. It also describes how ISO recognition may increase awareness of digital accessibility among governments, businesses, and lawmakers.

### Source excerpt

ISO/IEC 40500 is the standard for digital accessibility under the International Organization for Standardization (ISO) and the International Electrotechnical Commission (IEC). It's identical to the Web Content Accessibility Guidelines (WCAG) version 2.0.

## Basic Web Accessibility Tests: Turn Your Monitor to Grayscale

DevFeed: [Basic Web Accessibility Tests: Turn Your Monitor to Grayscale](<https://devfeed.tech/articles/basic-web-accessibility-tests-turn-your-monitor-to-grayscale-36122.md>)

Original publisher: [Read original article](<https://www.boia.org/blog/basic-web-accessibility-tests-turn-your-monitor-to-grayscale>)

Author: Vince

Published: 2025-09-05T16:15:00Z

Content type: tutorial

Language: en

Sources: [Blog-Main](<https://devfeed.tech/sources/blog-main.md>)

Topics: [Accessibility](<https://devfeed.tech/topics/accessibility.md>), [Web Accessibility (a11y)](<https://devfeed.tech/topics/web-accessibility.md>), [Web Content Accessibility Guidelines](<https://devfeed.tech/topics/web-content-accessibility-guidelines.md>), [color](<https://devfeed.tech/topics/color.md>), [digital accessibility](<https://devfeed.tech/topics/digital-accessibility.md>), [Testing](<https://devfeed.tech/topics/testing.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [accessibility-guidelines](<https://devfeed.tech/tags/accessibility-guidelines.md>), [accessibility-ux](<https://devfeed.tech/tags/accessibility-ux.md>), [color](<https://devfeed.tech/tags/color.md>), [digital-accessibility](<https://devfeed.tech/tags/digital-accessibility.md>), [people-with-disabilities](<https://devfeed.tech/tags/people-with-disabilities.md>), [testing](<https://devfeed.tech/tags/testing.md>), [tests](<https://devfeed.tech/tags/tests.md>), [wcag](<https://devfeed.tech/tags/wcag.md>), [web](<https://devfeed.tech/tags/web.md>), [web-accessibility](<https://devfeed.tech/tags/web-accessibility.md>), [web-content-accessibility-guidelines](<https://devfeed.tech/tags/web-content-accessibility-guidelines.md>)

### AI overview

This article explains how viewing a website in grayscale can help reveal accessibility problems caused by using color as the only way to convey information. It places the exercise within a broader strategy combining automated and manual testing for WCAG Level AA conformance and gives examples involving links, form fields, charts, and status indicators.

### Source excerpt

To truly test content for accessibility, you need an extensive strategy that combines automated testing with manual tests. You should have a goal in mind -- for most websites, that's Level AA conformance with the Web Content Accessibility Guidelines (WCAG).

## Cognitive Load and Web Accessibility: Quick Tips for Clearer Content

DevFeed: [Cognitive Load and Web Accessibility: Quick Tips for Clearer Content](<https://devfeed.tech/articles/cognitive-load-and-web-accessibility-quick-tips-for-clearer-content-36124.md>)

Original publisher: [Read original article](<https://www.boia.org/blog/cognitive-load-and-web-accessibility-quick-tips-for-clearer-content>)

Author: Marissa

Published: 2025-07-24T19:45:00Z

Content type: tutorial

Language: en

Sources: [Blog-Main](<https://devfeed.tech/sources/blog-main.md>)

Topics: [Accessibility](<https://devfeed.tech/topics/accessibility.md>), [Web Accessibility (a11y)](<https://devfeed.tech/topics/web-accessibility.md>), [Web Content Accessibility Guidelines](<https://devfeed.tech/topics/web-content-accessibility-guidelines.md>), [Website](<https://devfeed.tech/topics/website.md>), [Users](<https://devfeed.tech/topics/users.md>), [User interface design](<https://devfeed.tech/topics/ui-design.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [accessibility-guidelines](<https://devfeed.tech/tags/accessibility-guidelines.md>), [accessibility-ux](<https://devfeed.tech/tags/accessibility-ux.md>), [autism](<https://devfeed.tech/tags/autism.md>), [charts](<https://devfeed.tech/tags/charts.md>), [cognitive-load](<https://devfeed.tech/tags/cognitive-load.md>), [form](<https://devfeed.tech/tags/form.md>), [layout](<https://devfeed.tech/tags/layout.md>), [navigation](<https://devfeed.tech/tags/navigation.md>), [people-with-disabilities](<https://devfeed.tech/tags/people-with-disabilities.md>), [quick-tips](<https://devfeed.tech/tags/quick-tips.md>), [tips](<https://devfeed.tech/tags/tips.md>), [wcag](<https://devfeed.tech/tags/wcag.md>), [web-accessibility](<https://devfeed.tech/tags/web-accessibility.md>), [web-content-accessibility-guidelines](<https://devfeed.tech/tags/web-content-accessibility-guidelines.md>)

### AI overview

This article explains how cognitive load affects web accessibility, particularly for people with cognitive and learning disabilities. It recommends simplifying complex content, using consistent layouts and navigation, and following the Understandable principle of WCAG.

### Source excerpt

The Web Content Accessibility Guidelines (WCAG) is designed to improve experiences for all users with disabilities. That includes people who have cognitive disabilities and learning disabilities -- but those users are often left out of the discussion.

## Why WCAG Conformance Doesn't Mean "Perfectly Accessible"

DevFeed: [Why WCAG Conformance Doesn't Mean "Perfectly Accessible"](<https://devfeed.tech/articles/why-wcag-conformance-doesn-t-mean-perfectly-accessible-36135.md>)

Original publisher: [Read original article](<https://www.boia.org/blog/why-wcag-conformance-doesnt-mean-perfectly-accessible>)

Author: Jordan

Published: 2025-07-23T12:45:00Z

Content type: article

Language: en

Sources: [Blog-Main](<https://devfeed.tech/sources/blog-main.md>)

Topics: [Web Content Accessibility Guidelines](<https://devfeed.tech/topics/web-content-accessibility-guidelines.md>), [Accessibility](<https://devfeed.tech/topics/accessibility.md>), [Web Accessibility (a11y)](<https://devfeed.tech/topics/web-accessibility.md>), [Web](<https://devfeed.tech/topics/web.md>), [alt text](<https://devfeed.tech/topics/alt-text.md>), [Users](<https://devfeed.tech/topics/users.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [accessibility-guidelines](<https://devfeed.tech/tags/accessibility-guidelines.md>), [accessibility-ux](<https://devfeed.tech/tags/accessibility-ux.md>), [accessible](<https://devfeed.tech/tags/accessible.md>), [alt-text](<https://devfeed.tech/tags/alt-text.md>), [cause](<https://devfeed.tech/tags/cause.md>), [content](<https://devfeed.tech/tags/content.md>), [lawsuit](<https://devfeed.tech/tags/lawsuit.md>), [markup](<https://devfeed.tech/tags/markup.md>), [speech](<https://devfeed.tech/tags/speech.md>), [tables](<https://devfeed.tech/tags/tables.md>), [wcag](<https://devfeed.tech/tags/wcag.md>), [web-accessibility](<https://devfeed.tech/tags/web-accessibility.md>), [web-content-accessibility-guidelines](<https://devfeed.tech/tags/web-content-accessibility-guidelines.md>)

### AI overview

The article explains that WCAG conformance, including Level AA, is a valuable goal but does not guarantee a perfectly accessible experience. Pass-or-fail criteria can be met while websites still create barriers through poor alt text, difficult captions, incomprehensible table presentation, or layout shifts caused by slow page speeds.

### Source excerpt

The Web Content Accessibility Guidelines (WCAG) are an excellent set of standards, and WCAG conformance is achievable -- regardless of the size of your website, the complexity of its features, or any other factors.

## Missouri's Web Accessibility Standard: What Businesses Should Know

DevFeed: [Missouri's Web Accessibility Standard: What Businesses Should Know](<https://devfeed.tech/articles/missouri-s-web-accessibility-standard-what-businesses-should-know-36129.md>)

Original publisher: [Read original article](<https://www.boia.org/blog/missouris-web-accessibility-standard-what-businesses-should-know>)

Author: Gary

Published: 2025-07-15T10:45:00Z

Content type: article

Language: en

Sources: [Blog-Main](<https://devfeed.tech/sources/blog-main.md>)

Topics: [Accessibility](<https://devfeed.tech/topics/accessibility.md>), [Web Accessibility (a11y)](<https://devfeed.tech/topics/web-accessibility.md>), [Web Content Accessibility Guidelines](<https://devfeed.tech/topics/web-content-accessibility-guidelines.md>), [Requirements](<https://devfeed.tech/topics/requirements.md>), [web applications](<https://devfeed.tech/topics/web-applications.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [accessibility-guidelines](<https://devfeed.tech/tags/accessibility-guidelines.md>), [accessibility-requirements](<https://devfeed.tech/tags/accessibility-requirements.md>), [compliance](<https://devfeed.tech/tags/compliance.md>), [digital-accessibility](<https://devfeed.tech/tags/digital-accessibility.md>), [wcag](<https://devfeed.tech/tags/wcag.md>), [web-accessibility](<https://devfeed.tech/tags/web-accessibility.md>), [web-content-accessibility-guidelines](<https://devfeed.tech/tags/web-content-accessibility-guidelines.md>), [websites](<https://devfeed.tech/tags/websites.md>)

### AI overview

This article explains Missouri's Web Accessibility Standard, including its basis in Section 508 and WCAG 2.1. It describes how the standard applies to state agencies and may affect contractors, while noting that Title III of the ADA applies to places of public accommodation, including websites.

### Source excerpt

Read the official website of the state of Missouri, and you'll find a fairly standard web accessibility policy -- with one curveball:

## Accessibility Tests in Compose - Name, Role, Value

DevFeed: [Accessibility Tests in Compose - Name, Role, Value](<https://devfeed.tech/articles/accessibility-tests-in-compose-name-role-value-38482.md>)

Original publisher: [Read original article](<https://eevis.codes/blog/2024-06-03/accessibility-tests-in-compose-name-role-value/>)

Author: Eevis Panula

Published: 2024-06-19T03:57:03.684000Z

Content type: tutorial

Language: en

Sources: [Eevis Blog](<https://devfeed.tech/sources/eevis-blog.md>)

Topics: [Jetpack Compose](<https://devfeed.tech/topics/jetpack-compose.md>), [Accessibility](<https://devfeed.tech/topics/accessibility.md>), [Testing](<https://devfeed.tech/topics/testing.md>), [Web Content Accessibility Guidelines](<https://devfeed.tech/topics/web-content-accessibility-guidelines.md>), [Mobile](<https://devfeed.tech/topics/mobile.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [accessibility-guidelines](<https://devfeed.tech/tags/accessibility-guidelines.md>), [compose](<https://devfeed.tech/tags/compose.md>), [mobile](<https://devfeed.tech/tags/mobile.md>), [tests](<https://devfeed.tech/tags/tests.md>), [wcag](<https://devfeed.tech/tags/wcag.md>), [web-content-accessibility-guidelines](<https://devfeed.tech/tags/web-content-accessibility-guidelines.md>)

### AI overview

A tutorial on testing accessibility in Jetpack Compose. It explains how to verify the accessible name, role, and value of custom components, including a switch, radio button group, and clickable row, in relation to the WCAG "Name, Role, Value" criterion.

### Source excerpt

When writing tests for your app, you should also consider testing for accessibility-related things. And I get it; it can be challenging to know where to start. So, I decided to write this blog post about how to test some accessibility aspects. In this post, we will add some accessibility-related tests for three custom components constructed with the help of clickable, selectable, and toggleable modifiers. These components were built in a blog post I wrote: Improving Android Accessibility with Modifiers in Jetpack Compose. What Are We Testing? The tests we're writing verify that the components have names, roles, and values. But where does this group come from? The background is that Web Content Accessibility Guidelines (WCAG) has a success criterion, "Name, Role, Value", which ensures that every element has a programmatically determinable name and role. Also, states, properties, and values that users can change are programmatically changeable. And now, if you wonder why I'm mentioning something named "Web," the WCAG is also used to determine the minimum level of accessibility for mobile apps as well, despite the name. Name, in this case, means the accessible name--so, the textual representation of the element. It can be, for example, a button's text, an icon button's content description, a label for a switch, or similar. It's what anyone using a screen reader hears. Voice access users use it to activate interactive elements. Role, on the other hand, is the role of the element. It can be, for example, a button - which tells the user that, hey, this is a button, and it should behave as a button. A role is a promise of how things should work, so if you add a role, be sure to add the correct interactions as well. However, roles are used less on Android than on the web. Value can refer to an element's state, property, or value. The exact thing is different per element. For example, with a checkbox, the value tells if it is checked, or with an accordion, it's the state that

## Practical Methods for Improving Web Accessibility

DevFeed: [Practical Methods for Improving Web Accessibility](<https://devfeed.tech/articles/how-to-make-your-colleagues-think-accessibility-32004.md>)

Original publisher: [Read original article](<https://tech.finn.no2016/06/13/how-to-make-your-colleagues-think-accessibility/>)

Author: Tom Widerøe

Published: 2016-06-13T11:19:07Z

Content type: tutorial

Language: en

Sources: [Finn.no](<https://devfeed.tech/sources/finn-no.md>)

Topics: [Accessibility](<https://devfeed.tech/topics/accessibility.md>), [User interface design](<https://devfeed.tech/topics/ui-design.md>), [Mobile](<https://devfeed.tech/topics/mobile.md>), [browsers](<https://devfeed.tech/topics/browsers.md>), [navigation](<https://devfeed.tech/topics/navigation.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [accessible](<https://devfeed.tech/tags/accessible.md>), [browsers](<https://devfeed.tech/tags/browsers.md>), [keyboard](<https://devfeed.tech/tags/keyboard.md>), [mobile](<https://devfeed.tech/tags/mobile.md>), [navigation](<https://devfeed.tech/tags/navigation.md>), [test](<https://devfeed.tech/tags/test.md>), [wcag](<https://devfeed.tech/tags/wcag.md>)

### AI overview

The article explains how FINN.no employees encouraged colleagues to prioritize accessibility through workshops, user testing, and automatic validation. It describes practical checks including page scaling, pinch zooming on mobile phones, a straw test for limited vision, and keyboard navigation.

### Source excerpt

What to do when your colleagues don't make accessible products. When developing a website which affects the life of almost every person in Norway, accessibility should be a main priority. Norwegians who are not able to use FINN.no are unable to find a home without assistance. Accessibility considerations are too often an afterthought, and this can have profound effects. In the Spring of 2014, a small group of employees got together to find out how to make our colleagues care more about accessibility. After two years, the measures we think work best are workshops, user tests, and automatic validation. Workshops On a workshop we reveal accessibility issues and discuss how to solve them. At our workshops we demonstrate how FINN.no works for people with disabilities before we let the team members test it the same way themselves. People find this a lot more inspiring than memorising WCAG 2.0 recommendations and running automatic validations locally. How to test Scaling Pages The simplest thing to test for is page scalability, both for fonts and for the entire page. Most desktop browsers make it possible to scale both fonts and page no matter how poorly coded the pages are, but on mobile phones it's still quite common to lock page size to screen size. It must be possible to pinch zoom every page on mobile phones. The Straw Test Another simple method is to pretend that you are looking at the page through a straw. This simulates how the page will appear for partially sighted people who either have a limited field of vision or need to magnify the page to read it. This reveals relevant elements spaced too far apart in a way that will make it difficult to navigate the page. Keyboard Navigation Most pages are designed and coded with mouse click and touch screens in mind, and we easily forget about people with broken arms, motor disabilities, or other reasons for not being able to use a mouse. By navigating the page with only a keyboard, we test that focus on links and buttons a