Back to Solution

Accessibility

  • error

    This button element does not have a name available to an accessibility API. Valid names are: title undefined, element content, aria-label undefined, aria-labelledby undefined.

    Context:
    <button class="text-white md:hidden" onclick="onClickCloseMenu()">
              <i class="text-sm im...</button>
  • error

    Anchor element found with a valid href attribute, but no link content has been supplied.

    Context:
    <a href="#" class="mx-4 text-white transition-all duration-300 ease-out hover:text-soft-red">
              <i class="im im-face...</a>
  • error

    Anchor element found with a valid href attribute, but no link content has been supplied.

    Context:
    <a href="#" class="mx-4 text-white transition-all duration-300 ease-out hover:text-soft-red">
              <i class="im im-twit...</a>
  • error

    This button element does not have a name available to an accessibility API. Valid names are: title undefined, element content, aria-label undefined, aria-labelledby undefined.

    Context:
    <button class="text-gray-800 cursor-pointer" onclick="onClickOpenMenu()">
            <i class="text-sm im i...</button>
  • error

    This textinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.

    Context:
    <input type="text" id="email" name="email" placeholder="Enter your email address" class="w-full px-4 py-2 text-xs text-gray-700 border-2 border-white rounded shadow-md focus:outline-none focus:shadow-outline">
  • error

    This form field should be labelled in some way. Use the label element (either with a for attribute or wrapped around the form field), or title, aria-label or aria-labelledby attributes as appropriate.

    Context:
    <input type="text" id="email" name="email" placeholder="Enter your email address" class="w-full px-4 py-2 text-xs text-gray-700 border-2 border-white rounded shadow-md focus:outline-none focus:shadow-outline">
  • error

    Anchor element found with a valid href attribute, but no link content has been supplied.

    Context:
    <a href="#" class="mr-8 leading-none text-white transition-all duration-300 ease-out hover:text-soft-red">
                <i class="im im-fa...</a>
  • error

    Anchor element found with a valid href attribute, but no link content has been supplied.

    Context:
    <a href="#" class="leading-none text-white transition-all duration-300 ease-out hover:text-soft-red">
                <i class="im im-tw...</a>
Slack logo

Join our Slack community

Join over 15,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!