TinyMCE Accordion - accessibility issues
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
01-20-2025 06:21 AM - edited 01-20-2025 06:22 AM
Hello
We are just testing Xanadu which comes with new TinyMCE features including accordions. Someone else has noticed and posted that they don't work well with H3 headings. I am finding the following:
- When viewed on ESC portal there appears to be no indication to the user that they 'do' anything. The mouse icon doesn't change on mouseover and there is no tooltip such as 'click to see more'. Is this something I need to configure in my portal CSS?
- If you leave the accordion expanded when you publish the article, that's how it appears to the end user when they view the article. In the html I see open="open" added to those accordions.
Has anyone else noticed this or is it peculiar to my instance only?
Thanks
Leri
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
01-20-2025 07:24 AM
We added the cursor: pointer to our html coding on the title of our detail (accordion)
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
01-23-2025 03:10 AM
Do you mean to every accordion inline?
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
01-27-2025 07:24 AM - edited 01-27-2025 07:25 AM
We add it to the summary line in every detail, we had it on the "detail" line but we didn't like that the cursor stayed in the pointer everywhere in the detailed box, so we just moved it to the summary line like it's a "title" they click on to expand it (open).. example below:
<details style="margin-left: 15px; padding: 5px; margin-bottom: 10px;">
<summary style="padding: 5px; "><strong><span style="font-size: 10pt; cursor: pointer; ">EXAMPLE</span></strong></summary>
<ol style="list-style-position: outside; margin-left: -15px; list-style-type: upper-alpha;">
<li style="font-size: 10pt;"><span style="font-size: 10pt;">Step A</span></li>
<li style="font-size: 10pt;"><span style="font-size: 10pt;">Step B</span></li>
</ol>
</details>
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
01-27-2025 07:33 AM
Any plans to modify the CSS to account for this class of content? It would make it easier to manage I think. But I think it should already have been thought of really in portal in Xanadu