Tagged Questions
5
votes
1answer
83 views
Accessible way to override tab key in textarea
I'd like to create a textarea for code which would allow the user to press Tab and Shift + Tab to indent and outdent the content respectively, however I'm worried that overriding the Tab key would ...
28
votes
7answers
1k views
Is there an optimal font size / line height ratio?
When styling text on web pages, both font size and line height can be set. For example, the text of this post will be displayed using a font-size of 14px and a line-height of (about) 18px, set using ...
4
votes
1answer
74 views
Accesibility vs. read only inputs
I have a form with some read only fields depending on the customer role. As a rule, I use read only fields for those inputs.
have you had any problems with this approach using and assistive ...
0
votes
1answer
89 views
Showing read only data in a label on a form (508 implications) [closed]
One of the definitions of a HTML label is:
The HTML label element associates a piece of text to a control
What is the correct way to render HTML when the label itself is NOT "for" another label?
...
3
votes
1answer
115 views
What is the proper WAI ARIA role naming convention for shopping cart?
Designing an e-commerce website that is accessible, what would be the proper WAI ARIA role-attribute for the "shopping cart" section of the page?
I understand the current available document landmark ...
1
vote
3answers
134 views
Do help icons in headings interfere with heading-based navigation?
If I have:
<h2>
Edit your details
<a href="/help?topic=editDetails">
<img
src="/images/helpIcon.gif"
width="20" height="20"
alt="Help about: Editing your ...
14
votes
1answer
4k views
Why is it inaccessible to create a form with no submit button?
Considering the W3C advice on including submit controls, is it still possible for a form to be accessible if the only way to submit it is by pressing the return/enter key?
20
votes
3answers
1k views
HTML label association with inputs; bad UX?
I'm a web developer having a weird UX issue. When I build HTML forms, I ensure that every input's label is implemented through a <label></label> tag and that each label uses the for ...
5
votes
1answer
296 views
empty cells in accessible html tables
For an html data table in which each row represents an item (such as an email) would screen-reader users prefer empty table cells to be empty or to have a placeholder like a dash?
In my brief ...
8
votes
4answers
480 views
How to correctly encode a leaderboard with a gap in HTML
I want to display a leaderboard like so:
1 - John 232342
2 - Mary 45234
3 - Luke 234
59 - You 45
It's an ordered list but I can't make an ordered list that jumps from 3 to an arbitrary ...
4
votes
1answer
188 views
Javascript and 508
I was wondering if someone has a article of common practices a web developer should practice while using Javascript on a web page, keeping in mind the web page should be 508 compliant. I saw some ...
4
votes
2answers
259 views
What happens when the focus rectangle isn't clear?
I get a lot of clients that comment that the focus box isn't obvious enough in some browsers. Is it common and good practice to make it more obvious? If so, how exactly do people do this?
9
votes
2answers
1k views
Proper usage of fieldset / legend tags
I'm wondering what the suggested usage of <fieldset>s are on a webpage.
For example, on a simple page with just one form (one set of inputs) is it still recommended to use a fieldset? Or should ...
11
votes
10answers
378 views
Coding Best Practices as UX?
I've been stating in most of my recent contracts that meeting HTML coding Best Practices (what's outputted to the browser) is an important part of UX.
This would include things like Semantics (using ...
