Actions
Bug #92664
open
Epic #89595: Improve accessibility of backend
Some input elements are cut off when resized and cause horizontal scrolling
Status:
New
Priority:
Should have
Assignee:
-
Category:
Backend User Interface
Target version:
-
Start date:
2020-10-22
Due date:
% Done:
0%
Estimated time:
TYPO3 Version:
11
PHP Version:
Tags:
accessibility
Complexity:
medium
Is Regression:
Sprint Focus:
Description
A user should be able to resize a website up to 200% without text getting clipped or truncated. It mostly works when the user hides the .scaffold-content-navigation.
There are some input elements that are cut off:
- In General: URL Segment
- In Behaviour: Link Target
- In Resources: Include static Page TSconfig (from extensions)
- In Resources (Lightbox File selector): "Upload files", "Add new media asset" and "Create new folder"
- In Access: Usergroup Access Rights
- In Social Media: Type of card to show
- The date picker
#tas2020
Files
Updated by Riccardo De Contardi over 3 years ago
- Category set to Backend User Interface
Updated by Benni Mack over 2 years ago
- Related to Bug #94688: Form elements flowing into and through each other added
Updated by Benni Mack over 2 years ago
- Status changed from New to Needs Feedback
Hey Riccardo,
can you check if https://review.typo3.org/c/Packages/TYPO3.CMS/+/71798 solves your issue?
Actions
#5
Updated by Riccardo De Contardi about 2 years ago
- File content-calendar-200.png content-calendar-200.png added
- File content-uploadfiles-200.png content-uploadfiles-200.png added
- File page-addmedia-url-200.png page-addmedia-url-200.png added
- File page-twittercard-200.png page-twittercard-200.png added
- File page-usergroup-accessrights-200.png page-usergroup-accessrights-200.png added
- File page-tsconfig-200.png page-tsconfig-200.png added
- File page-linktarget-200.png page-linktarget-200.png added
- File page-urlfield-200.png page-urlfield-200.png added
I tried to reproduce these issues with the latest master version of TYPO3 (12.0.0-dev); some are still present, some looks mitigated
I used the following scenario
1) reduced the window screen (Chrome on MAC) to a widht of 340 px
2) Hidden module bar
3) Hidden pagetree
4) the font size has been increased to 300%
| Jakob Widhalm files | My files | Notes |
|---|---|---|
| csm_content-cut-off-2_5e386f8a8d.png | page-usergroup-accessrights-200.png | I used page> access; seems still present |
| csm_content-cut-off-3_ceab8ac7ce.png | content-uploadfiles-200.png | I'm not sure I'm doing it right; I tried with adding an image (text with image element > select and upload file) |
| csm_content-cut-off-4_e91e18e880.png | ? | Not tested, I was not sure about what to use on a plain TYPO3 installation |
| csm_content-cut-off-8_a4dfbb61e4.png | content-calendar-200.png | Please, note that when the calendar is open, the page does not seem to be scrollable anymore! |
| csm_page-cut-off-1_9cd65a77ce.png | page-urlfield-200.png | looks absent or at least mitigated |
| csm_page-cut-off-2_2bce98998d.png | page-linktarget-200.png | seems present |
| csm_page-cut-off-3_a918efa7f2.png | page-tsconfig-200.png | seems still present |
| csm_page-cut-off-4_3db5664855.png | page-twittercard-200.png | looks absent |
| csm_page-cut-off-5_4b46e83594.png | page-addmedia-url-200.png | Seems it has been reworked; I used page > resources > add media by url |
Updated by Riccardo De Contardi over 1 year ago
- Status changed from Needs Feedback to New
Actions