MTM6201 010- confusing applying AIRA roles to code

[coop0162]

Hi @parthiviR Having trouble with my HTML code the schema and the ARIA Roles. How do I add the ARIA role to the HTML code?

[parthiviR]

Hey Rebecca, I saw that you have used Schema in two places on your code. The first use:

<h1 id="owninfo">Meet the owner</h1>
        <ul itemscope itemtype="https://schema.org/Person">
          <li itemprop="name"> John Doe </li>
          <li itemprop="jobtitle"> CEO</li>
          <li itemprop="email"> johnjoe@jambox.ca</li>
          <li itemprop ="telephone">613-000-0000</li>
          </li>
        </ul>

validated perfectly. On the second one, however, you have used address for all fields. What you should have done is gone to https://schema.org/PostalAddress and used the postal code schema. then you can choose the name and also the area and city and so on.

[parthiviR]

For the ARIA roles, you can use something like <header role="banner"></header> for the header and the information that you think will stay consistent on the website. you can also use "aria-multiline" for text-box on the form as it will contain multiple lines. I would highly recommend going to https://www.w3.org/TR/wai-aria-1.1/img/rdf_model.svg and reading about different roles based on different HTML elements.