einsiedler: Brauche eure Hilfe bei Nav-Menü Anpassung im Firefox bei kleiner Bildschirmbreite

Beitrag lesen

Gut, Okay, dann gehe ich mal darauf ein: Ich muss mir (morgen) Deine Posts nochmal mehrmals durchlesen, Schritt für Schritt (was Du damit meinst)

Okay, ich werde dies:

<ul id="tree1" class="tree root-level" role="tree" aria-labelledby="label_1">
   <li id="fruits" class="tree-parent" role="treeitem" tabindex="0" aria-expanded="true">
      <span>Fruits</span>
      <ul id="fruit-grp" role="group">
         <li id="oranges" role="treeitem" tabindex="-1">Oranges</li>
         <li id="pinapples" role="treeitem" tabindex="-1">Pineapples</li>
         <li id="apples" class="tree-parent" role="treeitem" tabindex="-1" aria-expanded="false">
            <span>Apples</span>
            <ul id="apple-grp" role="group">
               <li id="macintosh" role="treeitem" tabindex="-1">Macintosh</li>
               <li id="granny_smith" class="tree-parent" role="treeitem" tabindex="-1"
                      aria-expanded="false">
                  <span>Granny Smith</span>
                  <ul id="granny-grp" role="group">
                     <li id="Washington" role="treeitem" tabindex="-1">Washington State</li>
                     <li id="Michigan" role="treeitem" tabindex="-1">Michigan</li>
                     <li id="New_York" role="treeitem" tabindex="-1">New York</li>
                  </ul>
               </li>
               <li id="fuji" role="treeitem" tabindex="-1">Fuji</li>
            </ul>
         </li>
         <li id="bananas" role="treeitem" tabindex="-1">Bananas</li>    
         <li id="pears" role="treeitem" tabindex="-1">Pears</li>    
      </ul>
   </li>
</ul>

das Example 2 von

https://www.w3.org/WAI/GL/wiki/Using_the_WAI-ARIA_aria-expanded_state_to_mark_expandable_and_collapsible_regions#Example_1:_Using_a_button_to_collapse_and_expand_a_region

auch mal ausprobieren. Das mit dem tabindex finde ich auch richtig, irgendwie!

ABER NUN, wie merke ich ob etwas richtig funktioniert, wie merke ich die Unterschiede?

Ich kann höchstens mal mit der tab-Taste durchgehen , mal mit return bestätigen, also mit der tab-Taste "durchscrollen" (wie auch imemr) und wenn es für mich rund läuft dann ist es DAS dann?

Puuuh... Ganz schön anspruchsvoll euer Job, soetwas korrekt zu konstruieren für eure Kunden.

Nunja... gute n8 erstmal

der misanthrop