Repetitives Unterlayout - Wie kann ich es einzigartig machen - um ADA-Anforderungen zu erfüllen

Question

Ich habe ein Suchfeld, das zweimal geladen wird - einmal für Desktop und einmal für Mobilgeräte.

Gerät bestimmt, welches angezeigt wird. Aufgrund von ADA muss die Kennzeichnung jedoch eindeutig sein.

Gibt es eine Möglichkeit, das Unterlayout aufzurufen und ein eindeutiges Tag für jedes der zu verwendenden HTML-Elemente zu generieren?

Oder gibt es eine Möglichkeit, ein Tag innerhalb des Unterlayouts zu generieren, um sicherzustellen, dass die Tags eindeutig sind.

---

<div id="desktop"> 
<sc:Sublayout Path="~/site/sublayouts/Shared/QuickSearch.ascx" runat="server" /> 
</div> 
<div id="mobile-search" class="hidden"> 
<sc:Sublayout Path="~/site/sublayouts/Shared/QuickSearch.ascx" runat="server" /> 
</div> 

----------- im Layout

<div class="searchtool"> 
<img src="/includes/images/search.png" alt="Search" style="float:left"/> 
<div style="float:left"> 
<fieldset class="search" aria-labelledby="Name"> 

Die alt und aria-labelledby Tags Notwendigkeit eindeutig sein.

Dank

Answer 1

Nur eine Idee, das Gerät als Parameter übergeben und das Etikett macht z.B. "search-desktop" oder "search-mobile".

Siehe hier für weitere Details - http://imjo.hn/2012/02/23/passing-properties-into-sitecore-sublayouts/

<sc:Sublayout Path="~/site/sublayouts/Shared/QuickSearch.ascx" runat="server" 
Parameters="device=mobile" /> 

<img src="/includes/images/search.png" alt="Search-<%=GetParameter("device") %>" style="float:left"/> 

die Helferfunktionen in diesem Artikel erwähnt hier.

Answer 2

Ich endete mit dem Duplizieren der Sub-Layout-Abschnitt - mit einem neuen Namen und Ändern aller Tag-Elemente, um verschiedene Namen widerzuspiegeln.