Comments (11)
I agree about the aria-required. This should be moved to the radiogroup.
Input elements don't need an id so I see no need to add that to the input
element.
On Wed, Apr 29, 2015 at 12:10 PM, dmargaretosIBM [email protected]
wrote:
ARIA2: Identifying a required field with the aria-required property.
http://www.w3.org/TR/WCAG20-TECHS/ARIA2.htmlCode error 1: The 3rd example shows individual radio button with the
aria-required property. I believe this is incorrect. According to the ARIA
spec ( http://www.w3.org/WAI/PF/aria/states_and_properties#aria-required),
"aria-required" is not supported on role="radio" (it should be on the
element with role="radiogroup").
Code error 2: Also noticed that the id is left off of the element.Existing and corrected code samples provided:
Existing code sample for Example 3:
Account NumberPlease send an alert when balance exceeds $3,000.
- Yes
- No
Here is how I think Example 3 should be constructed ("id" added to the
input element; moved "aria-required" to radiogroup):
Account NumberPlease send an alert when balance exceeds $3,000.
- Yes
- No
end
—
Reply to this email directly or view it on GitHub
#90.
from wcag.
Anyone want to do a pull request with the fixes?
from wcag.
Which branch?
On Wed, Apr 29, 2015 at 12:41 PM, Andrew Kirkpatrick <
[email protected]> wrote:
Anyone want to do a pull request with the fixes?
—
Reply to this email directly or view it on GitHub
#90 (comment).
from wcag.
Working-Branch-for-Q3-2015
from wcag.
Can you (or should I) fix the readme in that branch which says
"
WCAG (Web Content Accessibility Guidelines) - Branch for production of Jan
2015 review versions
Please do not submit any new pull requests against this branch."
On Wed, Apr 29, 2015 at 12:44 PM, Andrew Kirkpatrick <
[email protected]> wrote:
Working-Branch-for-Q3-2015
—
Reply to this email directly or view it on GitHub
#90 (comment).
from wcag.
Thanks for the heads up - I made the changes.
from wcag.
Actually, I do think we need the id on the element:
- The for attribute is supposed to use the element id that it's bound to: http://www.w3schools.com/tags/att_label_for.asp
- WCAG technique requires the use of the for and id attributes to explicitly associate the label with the form control: http://www.w3.org/TR/WCAG20-TECHS/H44.html
Feel free to contact me if you want to discuss.
Many thanks.
from wcag.
Sorry - didn't mean to close the issue.
from wcag.
you are right. I missed that is was being labelled using for... I'll fix
both but the code sample needs a bunch of changes for the styling now that
aria-required is being moved.
On Wed, Apr 29, 2015 at 12:59 PM, dmargaretosIBM [email protected]
wrote:
Actually, I do think we need the id on the element:
- The for attribute is supposed to use the element id that it's bound to:
http://www.w3schools.com/tags/att_label_for.asp- WCAG technique requires the use of the for and id attributes to
explicitly associate the label with the form control:
http://www.w3.org/TR/WCAG20-TECHS/H44.html
Feel free to contact me if you want to discuss.
Many thanks.—
Reply to this email directly or view it on GitHub
#90 (comment).
from wcag.
Oops I accidentally pushed this fix to the working branch.
Andrew - can you let me know how I should proceed?
from wcag.
James, since this was a small change and the group approved it with a couple of changes we didn't need to change the target for the pull request.
This issue is resolved by these commits:
4e7c715
c7ae7bb
from wcag.
Related Issues (20)
- cred
- Hidden content in bi-lingual websites HOT 5
- htmk.forms.teixk
- WCAG 2.1 Techniques are 404ing HOT 3
- Clarification needed for 3.3.2 Understanding doc example bullet
- No definition of what constitutes an A, AA, or AAA conformance Level HOT 85
- Technique G65: Providing a breadcrumb trail (position). HOT 1
- 2.5.8 Target Size (minimum) "at least HOT 1
- 2.5.8 Understanding "draw" language HOT 2
- 2.5.8 Target Size overlapping content vs intersecting HOT 1
- Is providing a tooltip on hover sufficient for meeting 1.4.1: Use of Color? HOT 5
- Target size: "non-target text": interpretation HOT 11
- 1.2.1 Audio-only and Video-only - captions as alternative to audio - draft note for Understanding text
- Should there be a technique for 1.4.4 that mentions `rem` units? HOT 2
- https://canny.io/register?referral=drzwTt di
- orhanoguz356 HOT 1
- Accessible name link in Label in Name understanding document goes nowhere
- SC 1.3.4 Orientation & restrictions of content and functionality
- WCAG 2.2 Understanding: Position of “In Brief“ sections HOT 8
- Understanding pages failing 1.4.10 HOT 5
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 wcag.