All Questions
Tagged with accessibility forms
128
questions
0
votes
2
answers
37
views
handle Esc key on form in a A11y friendly way
I have a form in a Svelte app like this:
<!-- markup for editing todo: label, input text, Cancel and Save Button -->
<form on:submit|preventDefault={onSave} class="stack-small" ...
0
votes
0
answers
33
views
Screen Reader is not allowing me to enter text in input field that works without screenreader
I have quite a complicated bit autocomplete search developed using React. I don't want to redevelop full thing. I need to make it work with a screen reader, to achieve this I use a button to set focus ...
0
votes
1
answer
69
views
Screenreader Accessibility: two buttons, one label
I have a HTML structure like this:
<fieldset>
<legend>Legend</legend>
<span>Labeltext</span>
<button aria-pressed="...
0
votes
1
answer
72
views
The case of long labels
I am working on a pdf form.
The labels for the multi line text field that were provided to me are really long, as an example (the text was modified from the original, so it might not make sense):
...
0
votes
1
answer
143
views
Are several form fields in one row ever good accessibility?
I understand multi-column forms are to be avoided and why it is bad for usability and accessibility. My question instead regards placing 2-3 connected form elements next to each other. For example ...
0
votes
1
answer
496
views
For accessibility and screen reader users, is having autocomplete on form fields useful or is it possibly annoying?
I'm working on making a large web form accessible to screen reader users and I'm not an accessibility expert. Would having autocomplete on the individual fields be useful to screen reader users or ...
1
vote
1
answer
1k
views
Accessible yes/no radio buttons that show/hide corresponding form fields
I'm working on a very old site, trying to update it to be accessible for screen reader users. In particular, I'm trying to figure out the best way to code some radio buttons where the yes/no values ...
0
votes
1
answer
462
views
For Accessibility can you use sections as well as fieldsets in forms to avoid nesting fieldsets?
I have researched the accessibile use of fieldsets and the consensus seems to be not to nest fieldsets. However in some circumstances I need groups within groups in a single form. Is it OK to use ...
0
votes
1
answer
46
views
slide container with webform accessible
I am a bit new to the accessible topic and want to learn a bit more. I have build a small project where I have the information/articles, webforms in "drawers" on the left side. They are ...
1
vote
1
answer
641
views
autocomplete="bday" with MM/DD/YYYY format?
I am using an input mask to enforce MM/DD/YYYY format on a <input type="text">.
I want to use autocomplete="bday", but I do not want to use the designated hyphen format ...
0
votes
0
answers
396
views
VoiceOver interrupts my description when announcing "invalid data"
I'm trying to work on a simple accessible form. It has a field for the user to input their full name.
<form onsubmit="validate()">
<label for="full-name">
<p&...
1
vote
0
answers
134
views
Keep Accessibility Behaviour With `tabindex` (or similar) When Tabbing Through Elements
I have a form with some <button> elements in that I'm trying to get to work with the tab key for accessibility reasons. Each button has to be wrapped in a wrapper item, namely .item-wrapper.
I'...
1
vote
0
answers
166
views
Multiple label elements for form inputs: how important is their sequence for accessibility?
I want to create a complex form. Besides <fieldset>/<legend> to group several input fields, in addition to the general <label>, many inputs have a descriptive text.
<label for=&...
4
votes
2
answers
1k
views
Is using a label enough or should I add aria attributes?
Preamble
A colleague told me that, to make our web apps more accessible, everything needed some aria-* attribute. I've been reading through articles regarding accessibility on w3.org, angular.io, mdn ...
0
votes
2
answers
306
views
Accessibility and complex HTML forms: How to use headings between form controls?
A client needs to create quite a complex form. We use <fieldset>/<legend> to group certain elements together. But it's not enough - even if we nest them.
Think about the following:
<...