User tests: Successful: Unsuccessful:
We have a large block of text on the text filter tab at the top and at the bottom. Among the many problems with a large block of text like this is accessibility. Text like "see notes at the bottom" just doesn't work for assistive tech. Luckily there is a really easy solution. Using the html elements <summary>
and <details>
. The <details>
element generates a simple no-JavaScript widget to show/hide element contents, optionally by clicking on its child <summary>
element. It is fully accessible as the summary element is presented as a button to the accessibility tree.
Notes
npm i is needed "only" to check my bad scss ;) You can still test with patchtester you just wont get all the styling
Status | New | ⇒ | Pending |
Category | ⇒ | Administration com_config Language & Strings Layout |
Labels |
Added:
?
?
|
Instead of 4 boxes which pushes the table further down, can they all be in 1 box in Expand for notes...
and still be accessible?
Yes they can be - but then we have the big wall of text again. No one ever reads big walls of text. If you want to propose better text that is not a manual then go for it - I dont have the energy for it.
I have tested this item
> it is expected and desired behaviour that opening a second detail does not close the first
To be honest: I like this.
Status | Pending | ⇒ | Ready to Commit |
RTC
Status | Ready to Commit | ⇒ | Fixed in Code Base |
Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2019-07-04 09:57:58 |
Closed_By | ⇒ | wilsonge | |
Labels |
Added:
?
?
|
Thanks!
Thanks
I have tested this item✅ successfully on 82dcea9
This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/25394.