TinyMCE Accordion - accessibility issues

Leri Andrews
Tera Guru

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:

  1. 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?
  2. 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

4 REPLIES 4

trout1974
Kilo Guru

We added the cursor: pointer to our html coding on the title of our detail (accordion)

Do you mean to every accordion inline?

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>

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