html - Correct HTML5/ARIA markup for collapsable submenus -

-

I tried to locate to mark the correct way navigation with collapse sections using HTML5 and ARIA I am doing

It is that I have done so far: 

  & lt; Nav> & Lt; H2 id = "heading-overview" aria-controls = "section-overview" & gt; Overview & lt; / H2 & gt; & Lt; Ul id = "section-overview" aria-labeledby = "heading-overview" aria-expanded = "false" & gt; & Lt; Li & gt; & Lt; An aria-selected = "true" & gt; Layout & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A & gt; Color schema & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; H2 id = "heading-typography" aria-controls = "section-typography" & gt; Typography & lt; / H2 & gt; & Lt; Ul id = "section-typography" aria-labeledby = "top-typography" aria-expanded = "false" & gt; & Lt; Li & gt; & Lt; A & gt; Size & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A & gt; Color & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A & gt; Type & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Neo & gt;

For me, it seems like a very big feature, can it be that I am attaching attributes which are otherwise implied in the markup? Or can I label it any other way?

HTML 5

If you h1 , you might want to use the clear section elements so that submenu headings can be shared under an item in the document settings.

Currently your outline is 

  1 specific  section  elements you get:  
  1 intimate {body} 1.1 without title {NIT} 1.1.1 Overview (section) 1.1.2 Typography {section}  
 
 ie, 
 
  & lt; NAV & gt; & LT; section & gt; & LT; h2 & gt; Overview & lt; / h2 & gt; & Lt; / sECTION & gt; & LT; section & gt; & LT; h2 & gt; typography & lt; / h2 & gt; & Lt; / sECTION & gt; & Lt ; / New & Gt;  
 
 Wi-ARIA 
 
 This feature is called, no  aria-labelbyby . 
 
 if If you want you can transfer  aria-labeledby  attributes from  ul  to  section  
 
 but I think that you In fact,  aria-labelbedby  is not required, because you are using titles that are titled, from the default HTML words, the content section of their "label". However, HTML5 them does not denote unexpected top-ARIA semantics, so you also grows, moves Y-Aaiaia level to keep clearly in this regard.

Comments

Post a Comment

Popular posts from this blog

winforms - C# Form - Property Change -

-
I have a form that has a property named car A class with many properties. The Properties is being displayed on the current car on the basis of some user actions that are being displayed. So I have to know whether the property has been allocated or set to zero. I'm aware of INotifyPropertyChanged , but in my case I'm not sure that since this change I have changed my car properties car do not want to monitor the property. Any idea how to accomplish this? In advance thank you If you have created a true asset in your class then You should be a great and setter, you can add the code directly to the form property in order to take action on the basis of "form": Public partial category Form 1: form {public form 1 () {InitializeComponent (); } // define car square public class car {public string name = string. Empty; } // private car to keep the value of the current car private variable _car = null; // Property of public form which you can ru...
Read more

c# - NewtonSoft JArray - how to select multiple elements with LINQ -

-
Image
I have some Jason which I then parsed the Jerry object. I want to filter Jerere so that he has only two properties, title and bodytext. But whatever I try I can only select a value using LINQ [HttpGet] Public JsonResult AjaxGetNewsItems () {string json = JsonConvert.SerializeObject (news.GetNewsItems (), Formatting: formatting.Indented); Var v = Jairo Purse (jason); // arrow item = // v.Where (// X =>.! // X ["title"] ToString () = string.Empty & amp; //X ["BodyText"] ToString ()! = String.Empty) // Select (x = & gt; x ["title"]) // .toList (); Var title = (string) v [0] ["title"]; Var titleBodytext = v selectively v [0] ["title"] ["bodytext"]; Foreach (item in titleBodytext) {} // Title: Biodtext = // v [0] ["title"] ["BodyText"] by c // // Group c // new selection from c in gram // {}; // JArray a = JArray.FromObject (news.GetNewsItems ()); // string titlebodietext = (string) news item [...
Read more

javascript - amcharts makechart not working -

-
I am trying to create an amiratars serial chart on my Durandal single page application. This chart was working fine on Chrome browser but it is not working on IE. Can you please help me in this regard. Error while using Amcharts. The Macchart () method does not support the object in this object in IE.
Read more