I have a form that has a set of checkboxes. The user needs to check one or more of these. I'm confused as to how to deal with this via form validation and markup. I have an Error summary box that I can add a message, but my other form fields also have a message under each field that specifies the error, but since this is an issue with the set, I don't think that would be appropriate, so I assume just having it in the error summary box and being able to click on a link to the first of the set of checkboxes would be acceptable? Secondly, what about aria tagging? Would aria-required be appropriate? If so, how do you specify this for the entire set of checkboxes rather than each one individually, since none of these are required in and of themselves?
Correct 508 markup for requiring one of a set of checkboxes
90 Views Asked by Levi Wallach At
1
There are 1 best solutions below
Related Questions in HTML
- How to store a date/time in sqlite (or something similar to a date)
- How to use custom font during html to pdf conversion?
- Storing the preferred font-size in localStorage
- mp4 embedded videos within github pages website not loading
- Scrimba tutorial was working, suddenly stopped even trying the default
- Is there any way to glow this bulb image like a real light bulb
- With non-graphical maps in Leaflet, zoomDelta doesn't work
- What can I do to improve my coding on both html and css
- Uncaught TypeError: google.maps.LatLng is not a constructor at init (script.js:7:13)
- Bootstrap modal not showing at the desired position on a web page when the screen size is smaller
- Displaying a Movie List on a Website Using Jinja2 and Bootstrap
- How to redirect to thank you page after submitting a Google form embedded into a Google Site?
- Storing selected language in localStorage
- Fences (parenthesis, braces) in HTML and MathML
- Understanding Scroll Anchoring Behavoir
Related Questions in WAI-ARIA
- Proper ARIA usage for pop up windows that are triggered by a button
- Using aria-describedby to reference description that contains more than just text
- What is the correct usage of aria-describedby?
- How to make related checkboxes accessible using wai-aria tags?
- Is there a way to make a link appear as plain text on a screen reader but visibly be a link?
- how to add role='columnheader' and aria-sort attributes on <th> instead of <span> element
- Correct Aria Tags?
- HTML Tables A11y: column index in conjuction with column spanning
- Building an accesible navigation bar: drop-down menu displaying a tab list
- Splitting HTML text input into multiple inputs while maintaining accessibility
- Why is aria-live announcing a message twice when I use the mouse but once when I use the keyboard?
- React Native, when to use accessibilityLabel and accessibilityLabelledBy
- How do I give a unique aria label to the checkboxes for React MUI Datagrid row selection?
- Should I use role="button" for a label connected to a checkbox?
- Aria tablist role that contains elements other than tabs
Related Questions in SECTION508
- 508 issue: Element is focusable but has or is contained by [aria-hidden=true] (ANDI Tool)
- Label For a Static DIV that shows entered value from a form
- PDF Section 508 - block of text couldn't be tagged
- Make list items in validationsummary in ASP.Net Core link to form fields?
- what are some data table (table with sorting, searching and pagination) options for Angular 15.x that are 508 compliant?
- how can I create 508 compliant radio groups and radio buttons using iText version 7.0
- How to properly set up a11y / aria props for a button input that is labelled but also changes current value?
- Incorrect use of <label for=FORM_ELEMENT> - How to fix?
- Making a Section 508-compliant accessible structure for a printable form
- How to add labels to dropdown menu if the select options are coming from datatables javascript?
- How Do I Modify an EXTjs app to be 508 Compliant?
- 508 Compliance error - "This SPAN has an id attribute of 'aria-context' and 'aria-selection-event', which is not unique in the same DOM"
- Unique ID's for buttons in gridview?
- Accessibility, when pressing Enter on my image the screen reloads
- Meaning of Section 508 Part 1194 6f "Textual Information"
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
Popular # Hahtags
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
There isn't good markup to say a group of stuff is required but each one individually isn't necessarily required (although at least one is required). It's hard enough to express that in English :-)
With aria, you can sort of get around that.
aria-required="true"isn't allowed on the group.