How to combine schema.org/ Article and Organization on the same page?

Question

HTML

Hello.
Please tell me:
how to correctly(!) combine schema.org Article and Organization on one page?
Will there be a conflict for the search engine?
- due to repetitions of itemprop="name" and so on.
While I understand what needs to be done THIS:
(Am I right ...)

<!-- .... -->
<header id="header" itemscope itemtype="http://schema.org/WPHeader">
 ...
<header>


<!-- .... -->
<nav itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement">
  <a itemprop="url" href="/products/"><span itemprop="name">Products</span></a>
</nav>


<!-- .... -->
<nav itemprop="breadcrumb">
  <a href="/" itemprop="url">Home</a> &gt;
  <a href="comics/index.html">Comics</a> &gt;
  <a href="comics/marvel/index.html">Marvel</a> &gt;
  <a href="comics/marvel/captainamerica/index.html">Captain America</a>
</nav>



<!-- .... -->
<article itemscope itemtype="http://schema.org/Article"> 
  <header>
    <h1 itemprop="name">Название</h1>
    <h2 itemprop="description">The original superhero</h2> 
    <span><meta itemprop="datePublished" content="2014-10-06"/>October 6, 2014</span> 
  </header>

  <div itemprop="associatedMedia">
    <figure itemscope itemtype="http://schema.org/ImageObject"> 
      <img itemprop="contentURL" src="425.jpg"/> 
      <figcaption itemprop="caption">The original superhero</figcaption>
    </figure>   
  </div> 

  <section itemprop="articleBody"> 
    <p>
    Article text&hellip;
    </p>
  </section>

  <div itemprop="author" itemscope itemtype="http://schema.org/Person">
       <span itemprop="name">Иван Иванов</span>
       <span itemprop="jobTitle">Специальный корреспондент</span>
  </div>
</article>


<!-- .... -->
<footer>
    <div id="logo" itemscope itemtype="http://schema.org/Organization" itemref="schemaOrganizationAddress">
        <a itemprop="url" href="//www.seashellswebsite.co.uk/">
            <img itemprop="logo" src="logo.gif" alt="Seaside Shells" title="Seaside Shells">
        </a>
        <meta itemprop="name" content="Seaside Shells">
        <meta itemprop="legalName" content="Seaside Shells Ltd">
        <meta itemscope itemprop="address" itemtype="http://schema.org/PostalAddress" itemref="schemaOrganizationAddress">
        <meta itemprop="description" content="We sell sea shells on the sea shore. The sea shells we sell are unfortunately rather overpriced.">
        <span itemprop="telephone">12345</span>
    </div>
</footer>

PS
Although the Yandex validator swears at schema.org/Article
"The valid data types are schema.org/Person , schema.org/Organization "

Answer 1

Only with CSS, FLEX technology, using the order property. But this has to be done by hand.
https://developer.mozilla.org/en/docs/Web/CSS/order

Answer 2

Are there no xsd schemas to check?
Yes, and Yasha's schema seems to be expanded with its own schemas.