Comments (2)
The lack of a role mapping for input type=password
is due to security concerns: w3c/aria#935
Some other input types also have no ARIA role mapping, but map to various platform-specfic API roles (IA2_ROLE_DATE_EDITOR / AXTimeField / ROLE_SYSTEM_SPINBUTTON)
- input type=color
- input type=date
- input type=datetime-local
- input type=file
- input type=month
- input type=time
- input type=week
from act-rules.github.io.
One way of doing this is looking at the platform-specific roles for controls with no ARIA role mapping. For input type=password
this maps to:
ROLE_SYSTEM_TEXT
The object represents selectable text that allows edits or is designated as read-only. https://learn.microsoft.com/en-us/windows/win32/winauto/object-rolesATK_ROLE_PASSWORD_TEXT
A text object uses for passwords, or other places where the text content is not shown visibly to the user. https://docs.gtk.org/atk/enum.Role.htmlAXSecureTextField
So you could use wording like the following:
This rule applies to any element that is included in the accessibility tree, and that has:
- one of the following semantic roles: checkbox, combobox (select elements), listbox, menuitemcheckbox, menuitemradio, radio, searchbox, slider, spinbutton, switch, textbox.
- or, has no semantic role but maps to any one of the following platform roles: ROLE_SYSTEM_TEXT, ATK_ROLE_PASSWORD_TEXT, AXSecureTextField in HTML AAM
The second item only applies for elements with no explicit role and marked as 'No corresponding role' in HTML AAM but have platform specific mappings. This looks like it can be extended to other input types like input type=time
as well.
from act-rules.github.io.
Related Issues (20)
- Clarify that "Image resource" can be any supported image format [0va7u6]
- Audio or video element that plays automatically has a control mechanism (4c31df): Inapplicable example 2 has audio
- "Zoomed text node is not clipped with CSS overflow": "link to a full version": source unclear HOT 4
- Verbose examples (rules format) HOT 11
- [4b1c6c]: CG Discuss: Remove rule "Iframe elements with identical accessible names have equivalent purpose " HOT 5
- Form field has non-empty accessible name [e086e5]: add 1.3.1 and 2.5.3 HOT 1
- Multiple <title> tags in a web page HOT 3
- Passed Example 2 of "HTML page has non-empty title" rule is quite ambiguous HOT 3
- "translations into a ..." links are pointing to the wrong URL - Meta viewport allows for zoom (proposed) - b4f0c3 HOT 2
- Passed Example 3 doesn't pass in Chrome - HTML images contain no text [0va7u6] HOT 1
- Add text-shadow failure - Text has minimum contrast [afw4f7]
- "Links with identical accessible names and same context serve equivalent purpose" [fd3a94]: Failed example 2 does not have **same** context
- "Programmatically Determined Link Context" definition is too broad HOT 4
- "Links with identical accessible names and same context serve equivalent purpose" [fd3a94]: Failed examples 4-8 have *huge* images HOT 1
- HTML page has non-empty title [2779a5]: Shadow root example
- Do branch publish for easier reviewing of PRs HOT 1
- Transcript for video content does not need to be visible (ee13b5, 1a02b0) HOT 5
- Rule idea: A non-global WAI-ARIA state or property is used where it is not supported HOT 2
- Rule: ARIA state or property is permitted [5c01ea]: "The aria-label property is a global property. It is allowed on any semantic role" is not true
- [New Rule] Presentational Roles Conflict is not triggered
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from act-rules.github.io.