1,032 questions
-3
votes
1
answer
53
views
Using fieldset instead of label [closed]
What would be the pros and cons of wrapping each input element into its own fieldset with a legend, instead of defining labels for them?
I would like to place the associated text onto the border of ...
- 700
0
votes
3
answers
110
views
How to make an accessible accordion using an hgroup?
I have an accordion in my app where each button has a heading and some supplementary information:
My initial implementation (which works fine) is as follows, but is not ideal from an accessibility ...
- 10.2k
2
votes
2
answers
47
views
What is the correct HTML semantics for content lists/changelog entries?
What is the correct HTML semantics for lists of content that has explanations such as changelog entries? For instance, have a look at the following: A, B. Both pages use definition term (dt) elements ...
- 609
1
vote
1
answer
28
views
Semantic markup in react-bootstrap
I am new to React and I would like to start using it right away with the react-bootstrap library. Now I am not sure how to integrate semantic element such as header, section and so on and use the ...
0
votes
1
answer
132
views
Can I use aria-current more than once but in nested contexts?
Suppose I have a page with different <section>s. Some <sections> may contain, within them, other <sections> and so forth. Now, suppose I want to create a non-primary navigation to ...
- 99
1
vote
1
answer
80
views
Can I assign the 'presentation' role to an HTML5 dialog element
The exact confusion I have is the following
On one hand WAI-ARIA provides the 5 rules as a practical guide for authors to use WAI-ARIA (the document isn't a W3C recommendation though), and there ...
- 11
0
votes
1
answer
40
views
Relative button contains modal with button and it causes validateDOMNesting(...): <button> cannot appear as a descendant of <button>
I have button, which looks like 3 dots to open modal with 2 other buttons.
Should I make this 3 dots button just a div? What is the best decision so code will be semantically corrent?
jsx file:
<...
- 1
-2
votes
1
answer
113
views
Accessible HTML table markup with multiple total rows and section headers
I want to have a data table with a structure like this:
The idea being that the table header will be sticky for the whole table, and the account headers will be sticky just below the table header, ...
-1
votes
2
answers
352
views
What is the correct way to mark up a heading and tagline in HTML? [closed]
In this section I have two titles "Why Choice Us" and "Best Choicing For Cryptocurency".
What is the correct way to mark up these two lines of text from a semantics and ...
- 238
0
votes
1
answer
94
views
What HTML semantics should I use to make the output of a custom calculator accessible?
I'm developing a simple calculator tool. Right now, I'm using an <input> element with the readonly attribute to style the result of the calculation. However, while I think that this produces ...
- 81
0
votes
1
answer
98
views
How to properly "skip" a heading level when it is implicitly conveyed by page layout [closed]
Sometimes, semantics is contained within design. My question is how to translate this semantics into HTML when some levels of the heading hierarchy are skipped because they are implicit.
For example, ...
- 69
0
votes
0
answers
22
views
In HTML, is it semantically correct to include multiple dfn and abbr tags inside a summary tag and details tag?
Is this semantically correct code?:
<details>
<summary>The <dfn><abbr title="HyperText Markup Language">HTML</abbr></dfn> - the HyperText Markup ...
- 149
0
votes
1
answer
118
views
Should input element be inside form or not?
So I've got a component in react whose purpose is: the user writes a word into an input and presses enter or clicks a link to a go to that word's definition page.
'use client';
import { ...
- 63
0
votes
1
answer
107
views
Can I use href and rel attributes in img tag in HTML5?
In this article https://alistapart.com/article/introduction-to-rdfa/#section9 the author says that i can use the href and rel attributes directly inside img tag. I never knew we can do it in html5. ...
-2
votes
3
answers
136
views
javascript removing element style after clicking other
I'm trying to remove attribute "selected" from span element when other span element (not the same div) is clicked
and
How to remove attribute "selected" of span element in ...
- 13