Actions
Task #104796
open
Use buttons instead of anchors for javascript handled actions
Status:
New
Priority:
Should have
Assignee:
-
Category:
Backend User Interface
Target version:
Start date:
2024-09-09
Due date:
% Done:
100%
Estimated time:
(Total: 0.00 h)
TYPO3 Version:
13
PHP Version:
Tags:
Complexity:
Sprint Focus:
Description
This epic is to collect dedicated issues to fix misusages of anchors (<a>) where buttons should be used.
Example: This is an anchor tag that should really be a button and needs migration.
<a href="#" onClick="foo();">Some title</a>
<button type="button" onClick="foo();">Some title</button>
Note: We do not use onClick function calls, this is just an example.
The look and feel should be kept as is for now.
Updated by Benjamin Kott 3 months ago
- Related to Task #104798: Anchors are used instead of buttons to collapse panels added
Updated by Benjamin Kott 3 months ago
- Tracker changed from Epic to Task
- TYPO3 Version set to 13
Updated by Ayke Halder 3 months ago
- Related to Bug #103583: Improve accessibility of elements with low opacity on focus by keyboard added
Updated by Ayke Halder 3 months ago
Labeling is another point we might try to fix here for buttons that consist of an icon only:
<button type="button">
SOME_ICON_CODE
<span class="visually-hidden">SOME LABEL</span>
</button>
<button type="button" aria-label="SOME LABEL">
SOME_ICON_CODE
</button>
Updated by Benjamin Kott 3 months ago
Ayke Halder wrote in #note-4:
Labeling is another point we might try to fix here for buttons that consist of an icon only:
[...]
[...]
We only want to use aria-label when no other way is possible. The workaround with "visually-hidden" is the actually preferred solution here.
Updated by Ayke Halder 2 months ago
- Related to Task #104877: Introduce new DefaultButton as replacement for LinkButton in case href='#' added
Updated by Ayke Halder 2 months ago
- Related to Task #104882: Use button for dropdown instead of anchor added
Updated by Ayke Halder 2 months ago
- Related to Bug #104901: Links with missing href are not focusable by keyboard added
Updated by Ayke Halder 2 months ago
- Related to Bug #104905: Admin Tools > Environment > Image processing: use button-tags and correct headline-tags added
Updated by Ayke Halder 2 months ago
- Related to Bug #103925: Live search pagination has no keyboard actions implemented - and is also not reachable with keyboard navigation added
Updated by Benni Mack about 1 month ago
- Target version changed from 13 LTS to Candidate for Major Version
Actions